/* CINEOS tokens: the one file that names a colour (DS-06 §1).
   Values copied from foyer v3 styles.css (token layer, read 2026-10-02);
   the comment trail behind each value lives in docs/06_DESIGN_SYSTEM.md §2 to §4.
   Adding a token: all four places (dark block, --l-* block, both alias blocks). */

/* Tier 1 primitives (reel, darkroom auteur), Tier 1b paper, geometry, type, motion, spacing */

:root {
  --cineos-black-975:#04060a;
  --cineos-black-950:#06080c;
  --cineos-black-850:#0c0f15;
  --cineos-navy-750:#141a26;
  --cineos-teal-500:#5eb8b0;
  --cineos-teal-700:#3a8f8a;
  --cineos-teal-900:#2d6a66;
  --cineos-amber-400:#d4a574;
  --cineos-amber-300:#e8c49a;
  --cineos-gold-400:#e4c56e;
  --cineos-red-600:#c81e1e;
  --auteur-fg:#ece5d6;
  --auteur-muted:#8f8a7c;
  --auteur-amber:#e8a33d;
  --auteur-amber-dim:#b47f30;
  --paper-050:#fdfbf6;
  --paper-100:#f7f3ea;
  --paper-200:#ece5d5;
  --paper-300:#e5dcc8;
  --paper-400:#d9cdb2;
  --ink-950:#141a17;
  --ink-800:#2f3833;
  --ink-600:#3f4a44;
  --ink-500:#4b564f;
  --bronze-900:#4a320c;
  --bronze-800:#5c3f10;
  --bronze-700:#6d4f16;
  --bronze-600:#66460f;
  --bronze-500:#88683c;
  --verdigris-700:#1f5b57;
  --verdigris-600:#205e5a;
  --radius-sm:0.25rem;
  --radius-md:0.375rem;
  --radius-lg:0.5rem;
  --radius-xl:0.75rem;
  --font-sans:"Inter","Geist","Geist Fallback",sans-serif;
  --font-mono:"JetBrains Mono","Geist Mono","Geist Mono Fallback",monospace;
  --font-display:"Fraunces",Georgia,"Iowan Old Style","Times New Roman",serif;
  --dur-fast:280ms;
  --dur-normal:480ms;
  --dur-slow:700ms;
  --ease-smooth:cubic-bezier(0.4,0,0.2,1);
  --shell:1360px;
  --d:0.5;
  --plate-ground:#070d10;
  --plate-top:rgba(228,197,110,.18);
  --plate-bottom:rgba(58,143,138,.11);
  --plate-floor:rgba(5,10,10,.9);
  --plate-scan:rgba(0,0,0,.26);
  --plate-title:#e8c49a;
  --plate-ink-dim:rgba(236,229,214,.7);
  --plate-hue-l:19%;
  --plate-hue-a:.45;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  /* The sticky header's height; events.js sets the measured value, 62px is its one-row height without script. */
  --hdr-h:62px;
  --space-10:64px;
  --space-11:80px;
  --space-12:96px;
}

/* Tier 2 semantic, the dark room (default) */

:root {
  --green:var(--cineos-teal-700);
  --green-deep:var(--cineos-teal-900);
  --green-pole:var(--cineos-teal-500);
  --gold:var(--cineos-gold-400);
  --gold-warm:var(--auteur-amber);
  --gold-soft:var(--cineos-amber-400);
  --gold-pale:var(--cineos-amber-300);
  --gold-deep:var(--auteur-amber-dim);
  --temper-neutral:#6f7671;
  --background:#091013;
  --sunken:#070d10;
  --card:#101a1f;
  --raised:#182630;
  --panel:rgba(16,26,31,.62);
  --panel-soft:rgba(24,38,48,.42);
  --bar:rgba(9,16,19,.94);
  --bar-2:rgba(9,16,19,.96);
  --fade-0:rgba(9,16,19,0);
  --fade-1:rgba(9,16,19,1);
  --veil-1:rgba(7,13,16,.6);
  --veil-2:rgba(7,13,16,.75);
  --veil-3:rgba(7,13,16,.82);
  --foreground:var(--auteur-fg);
  --dim:rgba(236,229,214,.74);
  --dimmer:rgba(236,229,214,.58);
  --muted-foreground:var(--auteur-muted);
  --ink-strong:rgba(236,229,214,.94);
  --ink-mid:rgba(236,229,214,.90);
  --ink-soft:rgba(236,229,214,.88);
  --ink-prose:rgba(236,229,214,.86);
  --leaf:rgba(228,197,110,.16);
  --leaf-soft:rgba(228,197,110,.10);
  --leaf-strong:rgba(228,197,110,.42);
  --edge:rgba(228,197,110,.60);
  --hair:rgba(236,229,214,.10);
  --rule-green:rgba(58,143,138,.34);
  --dash:rgba(143,138,124,.45);
  --dot-idle:rgba(143,138,124,.65);
  --fill-ghost:rgba(236,229,214,.03);
  --fill-gold-0:rgba(228,197,110,.06);
  --fill-gold-1:rgba(228,197,110,.09);
  --fill-gold-2:rgba(228,197,110,.12);
  --fill-gold-3:rgba(228,197,110,.16);
  --fill-gold-wash:rgba(228,197,110,.05);
  --fill-gold-lift:rgba(228,197,110,.07);
  --row-hover:rgba(228,197,110,.045);
  --row-open:rgba(228,197,110,.06);
  --focus-halo:rgba(228,197,110,.14);
  --selection:rgba(228,197,110,.24);
  --track:rgba(236,229,214,.12);
  --meter-idle:rgba(236,229,214,.13);
  --progress-track:rgba(236,229,214,.06);
  --grid:rgba(236,229,214,.05);
  --scroll-thumb:rgba(228,197,110,.24);
  --scroll-thumb-hover:var(--auteur-amber-dim);
  --primary:var(--gold-soft);
  --primary-hover:var(--gold-pale);
  --primary-ink:var(--cineos-black-950);
  --ring:var(--gold);
  --wash-gold:rgba(228,197,110,.055);
  --wash-green:rgba(58,143,138,.055);
  --vignette-shadow:inset 0 0 90px 10px rgba(4,6,10,.4);
  --gate-gold:rgba(228,197,110,.4);
  --gate-green:rgba(58,143,138,.32);
  --grain-opacity:.34;
  --grain-blend:normal;
  --shadow-plate:0 20px 48px -28px rgba(0,0,0,.85);
  --shadow-card:none;
  --plate-hue-s:18%;
  color-scheme:dark;
}

/* The paper mirror: every paper value, written once */

:root {
  --l-green:var(--verdigris-700);
  --l-green-deep:var(--cineos-teal-900);
  --l-green-pole:var(--verdigris-600);
  --l-gold:var(--bronze-600);
  --l-gold-warm:var(--bronze-700);
  --l-gold-soft:var(--bronze-700);
  --l-gold-pale:var(--bronze-800);
  --l-gold-deep:var(--bronze-900);
  --l-temper-neutral:#767b75;
  --l-background:var(--paper-200);
  --l-sunken:var(--paper-300);
  --l-card:var(--paper-100);
  --l-raised:var(--paper-050);
  --l-panel:rgba(253,251,246,.30);
  --l-panel-soft:rgba(250,247,240,.61);
  --l-bar:rgba(236,229,213,.94);
  --l-bar-2:rgba(236,229,213,.96);
  --l-fade-0:rgba(236,229,213,0);
  --l-fade-1:rgba(236,229,213,1);
  --l-veil-1:rgba(229,220,200,.62);
  --l-veil-2:rgba(225,215,193,.61);
  --l-veil-3:rgba(253,251,246,.9);
  --l-foreground:var(--ink-950);
  --l-dim:var(--ink-800);
  --l-dimmer:var(--ink-500);
  --l-muted-foreground:var(--ink-500);
  --l-ink-strong:var(--ink-950);
  --l-ink-mid:var(--ink-800);
  --l-ink-soft:var(--ink-800);
  --l-ink-prose:var(--ink-800);
  --l-leaf:rgba(122,85,24,.26);
  --l-leaf-soft:rgba(122,85,24,.16);
  --l-leaf-strong:rgba(122,85,24,.64);
  --l-edge:var(--bronze-500);
  --l-hair:rgba(20,26,23,.14);
  --l-rule-green:rgba(31,91,87,.38);
  --l-dash:rgba(83,94,87,.5);
  --l-dot-idle:rgba(83,94,87,.8);
  --l-fill-ghost:rgba(20,26,23,.035);
  --l-fill-gold-0:rgba(122,85,24,.05);
  --l-fill-gold-1:rgba(122,85,24,.08);
  --l-fill-gold-2:rgba(122,85,24,.11);
  --l-fill-gold-3:rgba(122,85,24,.15);
  --l-fill-gold-wash:rgba(122,85,24,.045);
  --l-fill-gold-lift:rgba(122,85,24,.07);
  --l-row-hover:rgba(122,85,24,.055);
  --l-row-open:rgba(122,85,24,.065);
  --l-focus-halo:rgba(122,85,24,.18);
  --l-selection:rgba(122,85,24,.2);
  --l-track:rgba(20,26,23,.16);
  --l-meter-idle:rgba(20,26,23,.17);
  --l-progress-track:rgba(20,26,23,.09);
  --l-grid:rgba(20,26,23,.07);
  --l-scroll-thumb:rgba(122,85,24,.3);
  --l-scroll-thumb-hover:var(--bronze-700);
  --l-primary:var(--bronze-700);
  --l-primary-hover:var(--bronze-800);
  --l-primary-ink:var(--paper-100);
  --l-ring:var(--bronze-700);
  --l-wash-gold:rgba(255,252,242,.6);
  --l-wash-green:rgba(31,91,87,.045);
  --l-vignette-shadow:inset 0 0 150px 28px rgba(122,85,24,.034);
  --l-gate-gold:rgba(122,85,24,.5);
  --l-gate-green:rgba(31,91,87,.4);
  --l-grain-opacity:.5;
  --l-grain-blend:multiply;
  --l-shadow-plate:0 22px 44px -26px rgba(30,22,8,.42), 0 2px 6px -2px rgba(30,22,8,.16);
  --l-shadow-card:0 1px 2px rgba(30,22,8,.05);
}

/* Resolution: the OS asks for light and the reader has not pinned dark */

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --green:var(--l-green);
    --green-deep:var(--l-green-deep);
    --green-pole:var(--l-green-pole);
    --gold:var(--l-gold);
    --gold-warm:var(--l-gold-warm);
    --gold-soft:var(--l-gold-soft);
    --gold-pale:var(--l-gold-pale);
    --gold-deep:var(--l-gold-deep);
    --temper-neutral:var(--l-temper-neutral);
    --background:var(--l-background);
    --sunken:var(--l-sunken);
    --card:var(--l-card);
    --raised:var(--l-raised);
    --panel:var(--l-panel);
    --panel-soft:var(--l-panel-soft);
    --bar:var(--l-bar);
    --bar-2:var(--l-bar-2);
    --fade-0:var(--l-fade-0);
    --fade-1:var(--l-fade-1);
    --veil-1:var(--l-veil-1);
    --veil-2:var(--l-veil-2);
    --veil-3:var(--l-veil-3);
    --foreground:var(--l-foreground);
    --dim:var(--l-dim);
    --dimmer:var(--l-dimmer);
    --muted-foreground:var(--l-muted-foreground);
    --ink-strong:var(--l-ink-strong);
    --ink-mid:var(--l-ink-mid);
    --ink-soft:var(--l-ink-soft);
    --ink-prose:var(--l-ink-prose);
    --leaf:var(--l-leaf);
    --leaf-soft:var(--l-leaf-soft);
    --leaf-strong:var(--l-leaf-strong);
    --edge:var(--l-edge);
    --hair:var(--l-hair);
    --rule-green:var(--l-rule-green);
    --dash:var(--l-dash);
    --dot-idle:var(--l-dot-idle);
    --fill-ghost:var(--l-fill-ghost);
    --fill-gold-0:var(--l-fill-gold-0);
    --fill-gold-1:var(--l-fill-gold-1);
    --fill-gold-2:var(--l-fill-gold-2);
    --fill-gold-3:var(--l-fill-gold-3);
    --fill-gold-wash:var(--l-fill-gold-wash);
    --fill-gold-lift:var(--l-fill-gold-lift);
    --row-hover:var(--l-row-hover);
    --row-open:var(--l-row-open);
    --focus-halo:var(--l-focus-halo);
    --selection:var(--l-selection);
    --track:var(--l-track);
    --meter-idle:var(--l-meter-idle);
    --progress-track:var(--l-progress-track);
    --grid:var(--l-grid);
    --scroll-thumb:var(--l-scroll-thumb);
    --scroll-thumb-hover:var(--l-scroll-thumb-hover);
    --primary:var(--l-primary);
    --primary-hover:var(--l-primary-hover);
    --primary-ink:var(--l-primary-ink);
    --ring:var(--l-ring);
    --wash-gold:var(--l-wash-gold);
    --wash-green:var(--l-wash-green);
    --vignette-shadow:var(--l-vignette-shadow);
    --gate-gold:var(--l-gate-gold);
    --gate-green:var(--l-gate-green);
    --grain-opacity:var(--l-grain-opacity);
    --grain-blend:var(--l-grain-blend);
    --shadow-plate:var(--l-shadow-plate);
    --shadow-card:var(--l-shadow-card);
    color-scheme:light;
} }

/* Resolution: the reader pinned the paper room */

:root[data-theme="light"] {
  --green:var(--l-green);
  --green-deep:var(--l-green-deep);
  --green-pole:var(--l-green-pole);
  --gold:var(--l-gold);
  --gold-warm:var(--l-gold-warm);
  --gold-soft:var(--l-gold-soft);
  --gold-pale:var(--l-gold-pale);
  --gold-deep:var(--l-gold-deep);
  --temper-neutral:var(--l-temper-neutral);
  --background:var(--l-background);
  --sunken:var(--l-sunken);
  --card:var(--l-card);
  --raised:var(--l-raised);
  --panel:var(--l-panel);
  --panel-soft:var(--l-panel-soft);
  --bar:var(--l-bar);
  --bar-2:var(--l-bar-2);
  --fade-0:var(--l-fade-0);
  --fade-1:var(--l-fade-1);
  --veil-1:var(--l-veil-1);
  --veil-2:var(--l-veil-2);
  --veil-3:var(--l-veil-3);
  --foreground:var(--l-foreground);
  --dim:var(--l-dim);
  --dimmer:var(--l-dimmer);
  --muted-foreground:var(--l-muted-foreground);
  --ink-strong:var(--l-ink-strong);
  --ink-mid:var(--l-ink-mid);
  --ink-soft:var(--l-ink-soft);
  --ink-prose:var(--l-ink-prose);
  --leaf:var(--l-leaf);
  --leaf-soft:var(--l-leaf-soft);
  --leaf-strong:var(--l-leaf-strong);
  --edge:var(--l-edge);
  --hair:var(--l-hair);
  --rule-green:var(--l-rule-green);
  --dash:var(--l-dash);
  --dot-idle:var(--l-dot-idle);
  --fill-ghost:var(--l-fill-ghost);
  --fill-gold-0:var(--l-fill-gold-0);
  --fill-gold-1:var(--l-fill-gold-1);
  --fill-gold-2:var(--l-fill-gold-2);
  --fill-gold-3:var(--l-fill-gold-3);
  --fill-gold-wash:var(--l-fill-gold-wash);
  --fill-gold-lift:var(--l-fill-gold-lift);
  --row-hover:var(--l-row-hover);
  --row-open:var(--l-row-open);
  --focus-halo:var(--l-focus-halo);
  --selection:var(--l-selection);
  --track:var(--l-track);
  --meter-idle:var(--l-meter-idle);
  --progress-track:var(--l-progress-track);
  --grid:var(--l-grid);
  --scroll-thumb:var(--l-scroll-thumb);
  --scroll-thumb-hover:var(--l-scroll-thumb-hover);
  --primary:var(--l-primary);
  --primary-hover:var(--l-primary-hover);
  --primary-ink:var(--l-primary-ink);
  --ring:var(--l-ring);
  --wash-gold:var(--l-wash-gold);
  --wash-green:var(--l-wash-green);
  --vignette-shadow:var(--l-vignette-shadow);
  --gate-gold:var(--l-gate-gold);
  --gate-green:var(--l-gate-green);
  --grain-opacity:var(--l-grain-opacity);
  --grain-blend:var(--l-grain-blend);
  --shadow-plate:var(--l-shadow-plate);
  --shadow-card:var(--l-shadow-card);
  color-scheme:light;
}