/* Oxford instance: refined typography + dark header/nav and footer */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Spectral:wght@400;500;600;700&display=swap');

body.instance-oxford {
    --ox-bg: #0f1216;
    /* near-black */
    --ox-bg-elev: #161b22;
    /* elevated surfaces */
    --ox-border: rgba(255, 255, 255, 0.08);
    --ox-text: #e7eaee;
    /* primary */
    --ox-text-muted: #b6bdc7;
    /* secondary */
    --ox-accent: #5aa0ff;
    /* accent blue */
    --ox-accent-2: #a78bfa;
    /* violet */
    --ox-gold: #c5a44a;
    /* subtle gold */
    
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
    color: var(--ox-text);
    background: #0b0e12;
}

/* Headings with elegant contrast */
body.instance-oxford h1,
body.instance-oxford h2,
body.instance-oxford h3,
body.instance-oxford .font-serif {
    font-family: 'Spectral', Georgia, 'Times New Roman', serif !important;
    letter-spacing: 0.1px;
}

/* Dark header/nav (uses oxford-dark-header helper class added by layout) */
.oxford-dark-header {
    background: var(--ox-bg) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--ox-border) !important;
}

.oxford-dark-header .nav-link {
    color: #ffffff !important;
}

.oxford-dark-header .nav-link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

.oxford-dark-header .group-hover\:from-blue-400\/5,
.oxford-dark-header .hover\:bg-gray-100\/60 {
    background: transparent !important;
}

/* Oxford Mega Menu (dark) */
.oxford-dark-header .z-\[200\]>div[x-cloak],
.oxford-dark-header .z-\[200\]>div[ x-show],
.oxford-dark-header .z-\[200\] .absolute.bg-white\/95 {
    background: var(--ox-bg-elev) !important;
    border: 1px solid var(--ox-border) !important;
    color: var(--ox-text) !important;
}

.oxford-dark-header .z-\[200\] a {
    color: var(--ox-text-muted) !important;
}

.oxford-dark-header .z-\[200\] a:hover {
    color: var(--ox-text) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

/* Buttons/CTAs tweaks on dark */
body.instance-oxford a.bg-gold-600,
body.instance-oxford .bg-gold-600 {
    background: var(--ox-gold) !important;
    color: #0c0f14 !important;
}

body.instance-oxford .hover\:bg-gold-500:hover {
    filter: brightness(1.15);
}

/* Footer (class referenced in layout) */
footer.oxford-dark-footer {
    background-color: var(--ox-bg) !important;
    color: var(--ox-text-muted) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

footer.oxford-dark-footer > div,
footer.oxford-dark-footer p,
footer.oxford-dark-footer span,
footer.oxford-dark-footer li,
footer.oxford-dark-footer a {
    color: var(--ox-text-muted) !important;
}

footer.oxford-dark-footer h3 {
    color: var(--ox-text) !important;
}

footer.oxford-dark-footer a:hover {
    color: var(--ox-gold) !important;
}

/* Cards and panels */
/* Force page content area to white */
body.instance-oxford main {
    background: #ffffff !important;
}

body.instance-oxford main .text-gray-900 {
    color: #111827 !important;
}

body.instance-oxford main .text-gray-700,
body.instance-oxford main .text-gray-600 {
    color: #374151 !important;
}

body.instance-oxford main .bg-white {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

/* Links - scoped to prose content only, not buttons or nav links */
/* body.instance-oxford a { color: var(--ox-accent); } */
/* body.instance-oxford a:hover { color: #8ab9ff; } */

/* Utilities for badges */
.badge-oxford {
    background: rgba(197, 164, 74, 0.2);
    color: var(--ox-gold);
    border: 1px solid rgba(197, 164, 74, 0.35);
}

/* Header height compensation */
/* previously dark; now content is white */