/* ============================================================
   Brand tokens — one palette for the whole site.
   ------------------------------------------------------------
   index.html and the catalogue pages take these from styles.css.
   discuss-project, privacy and terms each carried their own
   older palette inline, which is why they read as a different
   site: warmer paper (#faf7f2 against #F2EFE9), a navy ink
   (#0b1734 against #101014) and a navy night (#081735 against
   #020617) that made the homepage's near-black look wrong next
   to it. These are the homepage's own values, so the pages that
   cannot load styles.css still agree with it.

   A few names here differ from the literal :root in styles.css
   (--action-ink, --accent-ink, --dark, --dark-2, --dark-ink,
   --hero-accent). That is deliberate: design-lab.js derives
   those from the palette at runtime on index.html, so these are
   what the homepage actually paints. Matching the file instead
   of the page would have left the shared footer's button ink a
   shade off on every other page.

   Link this LAST on those pages: it has to outrank both their
   inline <style> and inner.css, which redefine some of the same
   names. Everything here is colour only — type scale, spacing
   and layout stay with each page.
   ============================================================ */

:root {
  color-scheme: light;
  --paper: #F2EFE9;
  --surface: #ececee;
  --surface-alt: #ececee;
  --ink: #101014;
  --muted: #3d3d47;
  --accent: #3468ac;
  --accent-2: #244b7a;
  --accent-ink: #F2EFE9;
  --action: #101014;
  --action-hover: #213e79;
  --cta-hover: #3357d7;
  --action-ink: #F2EFE9;
  --lime: #3468ac;
  --hero-accent: #244b7a;
  --dark: #101014;
  --dark-2: #030712;
  --dark-ink: #F2EFE9;
  --proof-bg: #e0e0e2;
  --proof-surface: #ececee;
  --proof-ink: #101014;
  --line: rgba(2, 6, 23, 0.10);
  --dark-line: rgba(247, 248, 250, 0.14);
  --shadow: 0 28px 70px rgba(11, 23, 52, 0.13);
}

html[data-skin="nocturne"] {
  color-scheme: dark;
  --paper: #020617;
  --surface: #030712;
  --surface-alt: #030712;
  --ink: #f8fafc;
  --muted: #94a3b8;
  --accent: #3b82f6;
  --accent-2: #60a5fa;
  --accent-ink: #020617;
  --action: #3b82f6;
  --action-hover: #60a5fa;
  --cta-hover: #4087f7;
  --action-ink: #020617;
  --lime: #3b82f6;
  --hero-accent: #60a5fa;
  --dark: #020617;
  --dark-2: #030712;
  --dark-ink: #f8fafc;
  --proof-bg: #030712;
  --proof-surface: #0f172a;
  --proof-ink: #f8fafc;
  --line: rgba(148, 163, 184, 0.11);
  --dark-line: rgba(59, 130, 246, 0.13);
  --shadow: 0 34px 90px rgba(0, 0, 0, 0.62);
}