/* Lucid "Calm" design tokens for the verifiable-AI demo site (shell v3).
   Light cream and ink, one gold accent; a clay-like isometric model of the Lucid AI cluster.
   Light is the complete palette on bare :root. Dark redefines tokens only: under
   prefers-color-scheme (unless the page says light) and again under [data-theme="dark"], with
   color-scheme set in both. Text tokens pass 4.5:1 on bg, paper and raised in both themes
   (test_token_contrast). Gold (--gold) is for strokes and fills; gold text uses --gold-ink. The focus ring (--focus) clears
   3:1 on bg, paper and raised in both themes (test_token_contrast). */

:root {
  color-scheme: light;
  --bg: #FAF8F4;
  --paper: #FFFDF9;
  --raised: #F2EDE6;
  --sunken: #E8E0D5;
  --ink: #1C1917;
  --mid: #4A433D;
  --muted: #665B52;
  --gold: #C9A227;
  --gold-soft: #D9B85A;
  --gold-ink: #735B0F;
  --focus: #735B0F;
  --wash: #FAF4DC;
  --line: rgba(28, 25, 23, 0.12);
  --line-2: rgba(28, 25, 23, 0.22);
  --hair: rgba(201, 162, 39, 0.62);
  --ok: #13532C;
  --ok-bg: #E4EDE2;
  --meas: #2F4A63;
  --meas-bg: #E3E9EF;
  --pub: #6B3E5C;
  --pub-bg: #F1E6EC;
  --err: #7F1D1D;
  --err-bg: #F4E2DB;
  --shadow: 0 1px 2px rgba(28, 25, 23, 0.05), 0 18px 40px -18px rgba(28, 25, 23, 0.22);
  --shadow-lg: 0 2px 4px rgba(28, 25, 23, 0.04), 0 40px 80px -30px rgba(28, 25, 23, 0.28);
  --scrim: rgba(28, 25, 23, 0.32);
  --cover: #1C1917;
  --s-floor: #EEE7DC;
  --s-floor-side: #DDD3C4;
  --s-grid: #D9CFBF;
  --s-wall: #E8E0D3;
  --s-plate-c: #F3E7C2;
  --s-plate-v: #E6DFD4;
  --s-wire: #6B6057;
  --s-rack: #342E29;
  --s-rack-t: #4B433C;
  --s-rack-l: #3A332E;
  --s-rack-r: #282320;
  --s-slat: #5A5047;
  --s-ten: #F7F2EA;
  --s-ten-t: #FFFDF8;
  --s-ten-l: #F0E9DF;
  --s-ten-r: #E3DACD;
  --s-mach: #FBF8F2;
  --s-mach-t: #FFFFFF;
  --s-mach-l: #F3EEE6;
  --s-mach-r: #E4DCD0;
  --s-gold: #D2AF45;
  --s-gold-t: #E9D085;
  --s-gold-l: #D7B755;
  --s-gold-r: #B89530;
  --s-sky: #FFF8EC;
  --s-ground: #CDBFAB;
  --s-sun: 2.5;
  --s-hemi: 1.9;
  --s-stage-a: #FFFDF9;
  --s-stage-b: #F1EBE2;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #1C1917;
    --paper: #23201D;
    --raised: #282421;
    --sunken: #37322F;
    --ink: #FAF8F4;
    --mid: #C9C2B7;
    --muted: #ADA599;
    --gold: #D9B85A;
    --gold-soft: #C9A227;
    --gold-ink: #E3C56C;
    --focus: #D9B85A;
    --wash: rgba(217, 184, 90, 0.12);
    --line: rgba(250, 248, 244, 0.12);
    --line-2: rgba(250, 248, 244, 0.24);
    --hair: rgba(217, 184, 90, 0.5);
    --ok: #8CC49B;
    --ok-bg: rgba(108, 170, 125, 0.16);
    --meas: #AFC6DD;
    --meas-bg: rgba(169, 193, 217, 0.14);
    --pub: #E0B5CF;
    --pub-bg: rgba(221, 176, 204, 0.13);
    --err: #F29088;
    --err-bg: rgba(242, 144, 136, 0.14);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 18px 40px -18px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.3), 0 40px 80px -30px rgba(0, 0, 0, 0.7);
    --scrim: rgba(0, 0, 0, 0.5);
    --cover: #121010;
    --s-floor: #2C2724;
    --s-floor-side: #211D1B;
    --s-grid: #3A3430;
    --s-wall: #262220;
    --s-plate-c: #3B3221;
    --s-plate-v: #332E2A;
    --s-wire: #A59A8D;
    --s-rack: #E6DED2;
    --s-rack-t: #F4EEE4;
    --s-rack-l: #DDD4C7;
    --s-rack-r: #BFB5A7;
    --s-slat: #B7AD9F;
    --s-ten: #3A3430;
    --s-ten-t: #433C37;
    --s-ten-l: #37312D;
    --s-ten-r: #2D2825;
    --s-mach: #BDB4A7;
    --s-mach-t: #D2C9BC;
    --s-mach-l: #B8AFA2;
    --s-mach-r: #978E82;
    --s-gold: #D4B24A;
    --s-gold-t: #EBD182;
    --s-gold-l: #D4B34F;
    --s-gold-r: #A8892B;
    --s-sky: #B9AE9F;
    --s-ground: #3A332E;
    --s-sun: 2.1;
    --s-hemi: 1.5;
    --s-stage-a: #2A2522;
    --s-stage-b: #1F1C1A;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1C1917;
  --paper: #23201D;
  --raised: #282421;
  --sunken: #37322F;
  --ink: #FAF8F4;
  --mid: #C9C2B7;
  --muted: #ADA599;
  --gold: #D9B85A;
  --gold-soft: #C9A227;
  --gold-ink: #E3C56C;
  --focus: #D9B85A;
  --wash: rgba(217, 184, 90, 0.12);
  --line: rgba(250, 248, 244, 0.12);
  --line-2: rgba(250, 248, 244, 0.24);
  --hair: rgba(217, 184, 90, 0.5);
  --ok: #8CC49B;
  --ok-bg: rgba(108, 170, 125, 0.16);
  --meas: #AFC6DD;
  --meas-bg: rgba(169, 193, 217, 0.14);
  --pub: #E0B5CF;
  --pub-bg: rgba(221, 176, 204, 0.13);
  --err: #F29088;
  --err-bg: rgba(242, 144, 136, 0.14);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 18px 40px -18px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.3), 0 40px 80px -30px rgba(0, 0, 0, 0.7);
  --scrim: rgba(0, 0, 0, 0.5);
  --cover: #121010;
  --s-floor: #2C2724;
  --s-floor-side: #211D1B;
  --s-grid: #3A3430;
  --s-wall: #262220;
  --s-plate-c: #3B3221;
  --s-plate-v: #332E2A;
  --s-wire: #A59A8D;
  --s-rack: #E6DED2;
  --s-rack-t: #F4EEE4;
  --s-rack-l: #DDD4C7;
  --s-rack-r: #BFB5A7;
  --s-slat: #B7AD9F;
  --s-ten: #3A3430;
  --s-ten-t: #433C37;
  --s-ten-l: #37312D;
  --s-ten-r: #2D2825;
  --s-mach: #BDB4A7;
  --s-mach-t: #D2C9BC;
  --s-mach-l: #B8AFA2;
  --s-mach-r: #978E82;
  --s-gold: #D4B24A;
  --s-gold-t: #EBD182;
  --s-gold-l: #D4B34F;
  --s-gold-r: #A8892B;
  --s-sky: #B9AE9F;
  --s-ground: #3A332E;
  --s-sun: 2.1;
  --s-hemi: 1.5;
  --s-stage-a: #2A2522;
  --s-stage-b: #1F1C1A;
}