/* Forgis Labs — paper.css
   Light academic theme for project / paper pages. Loaded AFTER base.css.
   Overrides dark tokens, kills orange decorations, un-inverts the logo. */

:root {
    color-scheme: light;

    /* Override the brand-color chain so any `var(--tiger|fire|flicker)`
     consumer (including per-page `:root { --accent: var(--tiger) }`)
     resolves to neutral on paper pages. */
    --tiger: #111111;
    --fire: #111111;
    --flicker: #111111;

    --bg: #ffffff;
    --bg-soft: #fafafa;
    --bg-muted: #f4f4f4;
    --border: #e6e6e6;
    --border-strong: #cfcfcf;
    --text: #111111;
    --text-muted: #4a4a4a;
    --text-faint: #8a8a8a;

    --accent: #111111 !important;
    --accent-soft: #f4f4f4 !important;

    /* Per-project glow tokens defined inline by each page. */
    --hp-glow: rgba(0, 0, 0, 0) !important;
    --fb-glow: rgba(0, 0, 0, 0) !important;
    --fn-glow: rgba(0, 0, 0, 0) !important;
    --rs-glow: rgba(0, 0, 0, 0) !important;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 18px rgba(0, 0, 0, 0.06);
}

body {
    background: #ffffff;
    color: var(--text);
}
body::after {
    display: none;
}

.brand-mark {
    filter: none;
}

.site-header {
    background: color-mix(in srgb, #ffffff 92%, transparent);
    border-bottom: 1px solid var(--border);
}

a {
    color: var(--text);
    border-bottom-color: var(--border-strong);
}
a:hover {
    color: #000;
    border-color: #000;
}

/* ── Kill all orange decorations on project hero/stat pseudos. ─── */
.hp-hero::before,
.hp-hero::after,
.fb-hero::before,
.fb-hero::after,
.fn-hero::before,
.fn-hero::after,
.rs-hero::before,
.rs-hero::after,
.hp-stat::before,
.hp-stat::after,
.fb-stat::before,
.fb-stat::after,
.fn-stat::before,
.fn-stat::after,
.rs-stat::before,
.rs-stat::after {
    display: none !important;
}
.hp-hero,
.fb-hero,
.fn-hero,
.rs-hero {
    background: transparent !important;
}

/* ── Neutralize project cards, numbers, tables. ────────────────── */
[class*='-card'],
[class*='-numbers'],
[class*='-cards'],
[class*='-stat'],
[class*='-level'] {
    background: var(--bg-soft) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
    color: var(--text) !important;
}
[class*='-card']:hover,
[class*='-level']:hover,
[class*='-photo']:hover,
[class*='-role']:hover {
    border-color: var(--border-strong) !important;
    box-shadow: var(--shadow-sm) !important;
}
[class*='-role']::after,
[class*='-photo']::after {
    display: none !important;
}
[class*='-table'] {
    border-color: var(--border) !important;
}
[class*='-table'] tbody tr:hover {
    background: var(--bg-muted) !important;
}

/* Best-result cells: heavier weight + thin underline. No cell tint. */
[class*='-table'] td.best {
    color: var(--text) !important;
    font-weight: 900 !important;
    background: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 3px !important;
}

/* ── Callouts, citations, badges. ──────────────────────────────── */
.callout {
    background: var(--bg-soft) !important;
    border: 1px solid var(--border) !important;
    border-left: 3px solid var(--text) !important;
}
.callout strong {
    color: var(--text) !important;
}
.citation,
.tag {
    background: var(--bg-muted) !important;
    border-color: var(--border) !important;
    color: var(--text-muted) !important;
}

/* ── Code blocks for white background. ─────────────────────────── */
code:not(pre code) {
    background: var(--bg-muted) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}
pre {
    background: var(--bg-soft) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

/* ── Buttons: dark fill on white. ──────────────────────────────── */
.btn,
.btn-primary {
    background: var(--text) !important;
    color: #ffffff !important;
    border: 1px solid var(--text) !important;
    box-shadow: none !important;
}
.btn:hover,
.btn-primary:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #ffffff !important;
    box-shadow: var(--shadow-md) !important;
}

/* ── Section numbers & eyebrows: neutralize from orange. ───────── */
.section-num,
.section-eyebrow,
.hero-eyebrow {
    color: var(--text-muted) !important;
}
.hero-eyebrow::before {
    background: var(--text-muted) !important;
}
.hero-title em {
    color: var(--text) !important;
}

/* Project title: undo the white-to-peach background-clip gradient
   (invisible on a white page). Render as solid dark text. */
.project-title {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: var(--text) !important;
    color: var(--text) !important;
}