/* LD6 — six palette slots: light, light-1, light-2, dark, dark-1, dark-2.
   The design's own palette ("Plaster & vermilion", light) is the plain :root block in index.html and is also the
   slot marked "default": true in palettes.json. Each block below lists only the interface tokens it changes.
   The @media block at the end mirrors the dark slot for visitors who have made no choice, so a system that
   prefers dark gets it before first paint. The visitor's own colours are data set by the engine and are
   never part of these blocks. */


/* Light alt 1 — limestone ground, plum-black ink, a magenta blade. */

/* :root[data-palette="light-2"] — empty slot; fill it from the Palette Lab */

/* Dark — smoked bronze. Not an inversion: here the swept sheet is the lit material, the ground falls away
   into shadow, wells sink darker still, and the seams read as warm edge light rather than shade. */
:root[data-palette="dark"] {
  color-scheme: dark;
  --ground: #110f0d;
  --surface: #1d1915;
  --raised: #29241e;
  --well: #0c0a08;
  --ink: #f0e8da;
  --ink-2: #b0a592;
  --ink-3: #6b6254;
  --accent: #ff6a2a;
  --on-accent: #110f0d;
  --seam-hi: #4a3f33;
  --seam-lo: #050403;
  --focus: #f0e8da;
}

/* Dark alt 1 — soot ground, bone ink, an acid blade. */

/* :root[data-palette="dark-2"] — empty slot; fill it from the Palette Lab */

/* System preference, when no palette has been chosen: mirror of the dark slot. */
@media (prefers-color-scheme: dark) {
  :root:not([data-palette]) {
    color-scheme: dark;
    --ground: #110f0d;
    --surface: #1d1915;
    --raised: #29241e;
    --well: #0c0a08;
    --ink: #f0e8da;
    --ink-2: #b0a592;
    --ink-3: #6b6254;
    --accent: #ff6a2a;
    --on-accent: #110f0d;
    --seam-hi: #4a3f33;
    --seam-lo: #050403;
    --focus: #f0e8da;
  }
}

:root[data-palette="light-2"] {
  --ground: #f8df9a;
  --surface: #fdeec4;
  --raised: #fff6de;
  --well: #f4d683;
  --ink: #170411;
  --ink-2: #634d00;
  --ink-3: #aa8a1f;
  --accent: #2d8ed8;
  --on-accent: #170411;
  --seam-hi: #fff8e3;
  --seam-lo: #e6c35a;
  --focus: #170411;
  --spectrum-red: #ad6a61;
  --spectrum-yellow: #bfd0ff;
  --spectrum-green: #d1d5ff;
  --spectrum-cyan: #c2e6ff;
  --spectrum-blue: #005161;
  --spectrum-magenta: #9883da;
}




:root[data-palette="light-1"] {
  --ground: #a5afe0;
  --surface: #b7bddc;
  --raised: #c2c6d8;
  --well: #9ba7e0;
  --ink: #021b24;
  --ink-2: #292e58;
  --ink-3: #545e9a;
  --accent: #b300bf;
  --on-accent: #000001;
  --seam-hi: #c4c8da;
  --seam-lo: #8793d7;
  --focus: #000001;
  --spectrum-red: #73534f;
  --spectrum-yellow: #40b554;
  --spectrum-green: #f86ff8;
  --spectrum-cyan: #bea8f1;
  --spectrum-blue: #003013;
  --spectrum-magenta: #885b8d;
}

:root[data-palette="light"] {
  --ground: #f8fafc;
  --surface: #ffffff;
  --raised: #ffffff;
  --well: #f0f2f4;
  --ink: #172554;
  --ink-2: #636567;
  --ink-3: #a3a5a8;
  --accent: #df71d8;
  --on-accent: #172554;
  --seam-hi: #ffffff;
  --seam-lo: #dcdfe2;
  --focus: #172554;
  --spectrum-red: #e96153;
  --spectrum-yellow: #eee4ff;
  --spectrum-green: #ebefff;
  --spectrum-cyan: #f1ffde;
  --spectrum-blue: #9500b4;
  --spectrum-magenta: #9f92ff;
}

/* system preference, when no palette has been chosen: mirror of the light slot */
@media (prefers-color-scheme: light) {
  :root:not([data-palette]) {
    --ground: #f8fafc;
    --surface: #ffffff;
    --raised: #ffffff;
    --well: #f0f2f4;
    --ink: #172554;
    --ink-2: #636567;
    --ink-3: #a3a5a8;
    --accent: #df71d8;
    --on-accent: #172554;
    --seam-hi: #ffffff;
    --seam-lo: #dcdfe2;
    --focus: #172554;
    --spectrum-red: #e96153;
    --spectrum-yellow: #eee4ff;
    --spectrum-green: #ebefff;
    --spectrum-cyan: #f1ffde;
    --spectrum-blue: #9500b4;
    --spectrum-magenta: #9f92ff;
  }
}

:root[data-palette="dark-2"] {
  --ground: #050206;
  --surface: #0b080c;
  --raised: #0f0d10;
  --well: #030103;
  --ink: #edf9ed;
  --ink-2: #8b8b8b;
  --ink-3: #000000;
  --accent: #255f00;
  --on-accent: #ccd8cc;
  --seam-hi: #110e11;
  --seam-lo: #000000;
  --focus: #ccd8cc;
  --spectrum-red: #a8372d;
  --spectrum-yellow: #001e00;
  --spectrum-green: #001600;
  --spectrum-cyan: #000501;
  --spectrum-blue: #8d9c4a;
  --spectrum-magenta: #385700;
}

:root[data-palette="dark-1"] {
  --ground: #191f0a;
  --surface: #24281b;
  --raised: #2a2d26;
  --well: #131a02;
  --ink: #f7e2fd;
  --ink-2: #9a9a9a;
  --ink-3: #000000;
  --accent: #504ada;
  --on-accent: #f7e2fd;
  --seam-hi: #2c2e27;
  --seam-lo: #080c00;
  --focus: #f7e2fd;
  --spectrum-red: #b74640;
  --spectrum-yellow: #310081;
  --spectrum-green: #4a003c;
  --spectrum-cyan: #42000e;
  --spectrum-blue: #7fa2ff;
  --spectrum-magenta: #af007a;
}