/* Mandris colour themes: the one place every page takes its colours from. The game (menu, store, results, pause, room,
   settings), the contact and admin pages, the trailer and Michen pages, the devlog and guide pages, and the knowledge base
   (from its next refresh) all read these variables. Change a value here and every page follows.
   Left out on purpose: the in-flight HUD (its own readability palette) and the dev labs.

   Two palettes; theme.js picks one per browser:
     cobalt (default)  cobalt and periwinkle with cream text, picked 2026-10-08 (menu preview VFnWPcHjzDcCZbKsj4TWEk)
     amber             the original warm amber look, kept to compare against (owner, 2026-10-09)
   Switch with ?palette=amber or ?palette=cobalt on any page (remembered), or Alt+Shift+P.
   A new palette is one more block below with the same variables, plus its name in theme.js. */
:root {
  color-scheme: dark;

  /* Grounds, darkest first */
  --void: #090b16;                  /* page background */
  --machine: #0a0f2a;               /* deepest panel; also the text colour on accent buttons */
  --surface: #10142a;               /* panels and cards */
  --raised: #1a2042;                /* hover and selected surfaces */
  --panel: rgba(20, 25, 50, .84);   /* see-through panel over art */
  --line: #262d52;                  /* borders and dividers */

  /* Text */
  --text: #f1ebe0;
  --muted: #a09cad;

  /* Accent (keep --signal-rgb equal to --signal: animated glows need the plain numbers) */
  --signal: #8ea2ff;
  --signal-rgb: 142, 162, 255;
  --signal-hi: #aebcff;             /* accent hover */
  --hi: #e2e7ff;                    /* pale accent highlight */
  --on-signal: #0a0f2a;             /* text on the accent */
  --focus: #aebcff;                 /* keyboard focus outlines */

  /* Meaning (not part of the look; keep them readable against --void) */
  --hot: oklch(62% 0.15 38);
  --danger: oklch(58% 0.14 28);
  --mint: oklch(76% 0.12 158);

  /* Type */
  --font-display: Michroma, "Segoe UI", system-ui, sans-serif;
  --font-body: "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Cascadia Mono", Consolas, monospace;
}

/* The original amber palette (the game's look until 2026-10-08). */
:root[data-palette="amber"] {
  --void: oklch(13% 0.012 80);
  --machine: oklch(18% 0.015 75);
  --surface: oklch(18% 0.015 75);
  --raised: oklch(24% 0.018 75);
  --panel: oklch(14% 0.014 75 / 0.84);
  --line: oklch(48% 0.025 70 / 0.48);
  --text: oklch(88% 0.018 75);
  --muted: oklch(67% 0.022 70);
  --signal: oklch(72% 0.12 60);
  --signal-rgb: 219, 145, 82;
  --signal-hi: oklch(79% 0.12 65);
  --hi: oklch(90% 0.08 70);
  --on-signal: oklch(18% 0.015 75);
  --focus: oklch(80% 0.1 78);
}
