/* The colour lab's palettes (Instrument look; Peter, 2026-10-28: "i don't think everything here sings in
   harmony"). Each one keeps the colour roles (colour-roles.css) and changes only the values: the ground,
   the plate and seam, the ink, the signal orange, amber for "waiting for you", red for "failed", and the
   five answer colours. "instrument" is today's and sets nothing. Chosen on /colour_lab, kept in a cookie.
   Each palette applies to the whole page (html) and to a lab card that previews it ([data-palette]). */

/* One signal: the instrument has one coloured lamp. Answers are steps of ink; only a persona and the key
   that starts something are orange. Amber and red stay, because they are calls to act, not data. */
html[data-look="instrument"][data-palette="one-signal"][data-zones],
html[data-look="instrument"] [data-palette="one-signal"] {
  --data-a: oklch(0.94 0.006 80);
  --data-b: oklch(0.76 0.006 76);
  --data-c: oklch(0.58 0.005 72);
  --data-d: oklch(0.44 0.005 70);
  --data-e: oklch(0.34 0.004 70);
}

/* Equal light: the answers sit on one ring of the colour wheel with the orange, every 72 degrees from it,
   all at one lightness and one strength, so no answer shouts louder than another and all of them belong
   to the orange. */
html[data-look="instrument"][data-palette="equal-light"][data-zones],
html[data-look="instrument"] [data-palette="equal-light"] {
  --action-live: oklch(0.62 0.17 36);
  --data-a: oklch(0.72 0.1 252);
  --data-b: oklch(0.72 0.1 180);
  --data-c: oklch(0.72 0.1 324);
  --data-d: oklch(0.76 0.1 108);
  --data-e: oklch(0.6 0.012 60);
  --attention: oklch(0.82 0.14 82);
  --signal-negative: oklch(0.66 0.17 16);
}

/* Nordic: painted wood and weather. The ground cools a little; the answers are fjord, spruce, heather and
   birch, low in strength, and the orange is the one warm, saturated thing in the room. */
html[data-look="instrument"][data-palette="nordic"][data-zones],
html[data-look="instrument"] [data-palette="nordic"] {
  --surface-page: oklch(0.2 0.006 230);
  --plate: oklch(0.155 0.006 230);
  --seam: oklch(0.11 0.005 230);
  --on-surface: oklch(0.95 0.006 90);
  --on-surface-muted: oklch(0.76 0.008 220);
  --on-surface-faint: oklch(0.6 0.008 220);
  --line: oklch(0.33 0.008 230);
  --line-strong: oklch(0.46 0.008 230);
  --action-live: oklch(0.63 0.18 42);
  --data-a: oklch(0.68 0.07 235);
  --data-b: oklch(0.66 0.06 165);
  --data-c: oklch(0.68 0.07 320);
  --data-d: oklch(0.84 0.04 90);
  --data-e: oklch(0.55 0.01 230);
  --attention: oklch(0.8 0.11 85);
  --signal-negative: oklch(0.66 0.15 15);
}

/* Teenage: a device, not a document. A neutral black and white with flat, full colours used sparingly:
   the orange, one blue and one green for answers, greys for the rest, and yellow kept for "waiting". */
html[data-look="instrument"][data-palette="teenage"][data-zones],
html[data-look="instrument"] [data-palette="teenage"] {
  --surface-page: oklch(0.19 0 0);
  --plate: oklch(0.145 0 0);
  --seam: oklch(0.1 0 0);
  --on-surface: oklch(0.97 0 0);
  --on-surface-muted: oklch(0.76 0 0);
  --on-surface-faint: oklch(0.6 0 0);
  --line: oklch(0.32 0 0);
  --line-strong: oklch(0.46 0 0);
  --action-live: oklch(0.67 0.21 38);
  --data-a: oklch(0.62 0.16 255);
  --data-b: oklch(0.86 0 0);
  --data-c: oklch(0.6 0 0);
  --data-d: oklch(0.72 0.15 150);
  --data-e: oklch(0.42 0 0);
  --attention: oklch(0.87 0.17 98);
  --signal-negative: oklch(0.64 0.21 25);
}

/* Cold room: the ground turns blue-black and the ink a cool white, so the orange burns on it; the
   answers are pale and cool (ice, mint, lilac, straw), so the warmth is all the persona's. */
html[data-look="instrument"][data-palette="cold-room"][data-zones],
html[data-look="instrument"] [data-palette="cold-room"] {
  --surface-page: oklch(0.2 0.014 255);
  --plate: oklch(0.155 0.014 255);
  --seam: oklch(0.11 0.012 255);
  --on-surface: oklch(0.96 0.006 240);
  --on-surface-muted: oklch(0.77 0.012 245);
  --on-surface-faint: oklch(0.61 0.014 248);
  --line: oklch(0.33 0.014 255);
  --line-strong: oklch(0.47 0.014 255);
  --action-live: oklch(0.65 0.19 40);
  --data-a: oklch(0.8 0.08 225);
  --data-b: oklch(0.8 0.08 170);
  --data-c: oklch(0.76 0.09 300);
  --data-d: oklch(0.86 0.08 95);
  --data-e: oklch(0.58 0.014 250);
  --attention: oklch(0.84 0.13 85);
  --signal-negative: oklch(0.66 0.18 18);
}

/* ── Light (Peter, 2026-10-28: "let's look at what a light theme would be") ──────────────────────────
   The same roles on a light ground: the ink turns dark, the answers darken so they hold on white, amber
   and red darken for contrast. Every surface mixed from ink and ground follows on its own. */

/* Nordic day: Nordic by daylight. A pale, cool ground, white plates, a blue-black ink; fjord, spruce,
   heather and birch a step deeper. */
html[data-look="instrument"][data-palette="nordic-day"][data-zones],
html[data-look="instrument"] [data-palette="nordic-day"] {
  color-scheme: light;
  --surface-page: oklch(0.945 0.006 230); --plate: oklch(0.985 0.003 230); --seam: oklch(0.86 0.008 230);
  --on-surface: oklch(0.22 0.012 245); --on-surface-muted: oklch(0.42 0.012 240); --on-surface-faint: oklch(0.55 0.01 240);
  --line: oklch(0.84 0.008 230); --line-strong: oklch(0.68 0.01 235);
  --action-live: oklch(0.6 0.19 40);
  --data-a: oklch(0.56 0.09 240); --data-b: oklch(0.56 0.08 165); --data-c: oklch(0.56 0.1 325); --data-d: oklch(0.7 0.07 85); --data-e: oklch(0.62 0.01 230);
  --attention: oklch(0.6 0.13 70); --signal-negative: oklch(0.55 0.18 22);
}

/* Paper: an editor's desk. A warm off-white ground, paper plates, a brown-black ink, and today's answer
   colours, deepened for print. */
html[data-look="instrument"][data-palette="paper"][data-zones],
html[data-look="instrument"] [data-palette="paper"] {
  color-scheme: light;
  --surface-page: oklch(0.955 0.01 85); --plate: oklch(0.99 0.004 85); --seam: oklch(0.87 0.01 80);
  --on-surface: oklch(0.21 0.012 60); --on-surface-muted: oklch(0.43 0.012 65); --on-surface-faint: oklch(0.56 0.01 70);
  --line: oklch(0.85 0.008 80); --line-strong: oklch(0.7 0.01 75);
  --action-live: oklch(0.58 0.19 36);
  --data-a: oklch(0.55 0.1 250); --data-b: oklch(0.56 0.09 160); --data-c: oklch(0.56 0.13 350); --data-d: oklch(0.55 0.1 300); --data-e: oklch(0.62 0.015 70);
  --attention: oklch(0.62 0.13 70); --signal-negative: oklch(0.54 0.17 25);
}

/* Concrete: a device in daylight. Neutral grey and white, black ink, the orange and one blue and one
   green at full strength, greys for the rest. */
html[data-look="instrument"][data-palette="concrete"][data-zones],
html[data-look="instrument"] [data-palette="concrete"] {
  color-scheme: light;
  --surface-page: oklch(0.91 0 0); --plate: oklch(0.975 0 0); --seam: oklch(0.8 0 0);
  --on-surface: oklch(0.16 0 0); --on-surface-muted: oklch(0.4 0 0); --on-surface-faint: oklch(0.54 0 0);
  --line: oklch(0.82 0 0); --line-strong: oklch(0.66 0 0);
  --action-live: oklch(0.66 0.21 38);
  --data-a: oklch(0.55 0.17 255); --data-b: oklch(0.3 0 0); --data-c: oklch(0.62 0 0); --data-d: oklch(0.62 0.16 150); --data-e: oklch(0.78 0 0);
  --attention: oklch(0.66 0.15 75); --signal-negative: oklch(0.56 0.21 25);
}

/* Snow: high key. A white ground with plates set a shade below it, as the dark looks set theirs, a
   blue-black ink, and clear, bright answers. */
html[data-look="instrument"][data-palette="snow"][data-zones],
html[data-look="instrument"] [data-palette="snow"] {
  color-scheme: light;
  --surface-page: oklch(0.99 0.002 240); --plate: oklch(0.955 0.004 240); --seam: oklch(0.9 0.006 240);
  --on-surface: oklch(0.18 0.01 250); --on-surface-muted: oklch(0.42 0.01 250); --on-surface-faint: oklch(0.56 0.01 250);
  --line: oklch(0.88 0.006 240); --line-strong: oklch(0.72 0.008 245);
  --action-live: oklch(0.6 0.2 38);
  --data-a: oklch(0.62 0.14 250); --data-b: oklch(0.62 0.13 160); --data-c: oklch(0.62 0.15 350); --data-d: oklch(0.62 0.13 300); --data-e: oklch(0.7 0.01 250);
  --attention: oklch(0.62 0.14 72); --signal-negative: oklch(0.56 0.2 25);
}