/* ==========================================================================
   Colour tokens: the Slate palette
   --------------------------------------------------------------------------
   Copied verbatim from the [data-palette="slate"] block of
   designs/_shared/palettes.css (the Phase 2 shared palettes), as plain :root
   custom properties. Oren chose direction 01 · Every Data Point with Slate.

   This file is the ONLY place colours are defined. assets/styles.css uses
   nothing but these --c-* tokens (plus color-mix() blends of them), and so does
   the inline SVG in the pages (the favicon data URIs are the one exception).
   To change the palette, edit this one file: swap in the values of another
   [data-palette] block from designs/_shared/palettes.css, or tune single slots.
   Keep text pairs at WCAG AA (designs/_tools/contrast.cjs checks them).

   What each slot is for:
     bg / bg-alt / surface   page, tinted band, raised card
     line                    hairlines and borders
     text / text-soft / text-muted   body, secondary, meta (all AA on bg, bg-alt, surface)
     accent                  primary accent ("people"), decorative or large shapes
     accent-ink              accent used as text or links (AA on bg, bg-alt, surface)
     accent-soft             pale accent tint for fills behind --c-text
     on-accent               text on a solid --c-accent-ink fill (buttons, CTA band)
     accent2 / accent2-ink / accent2-soft / on-accent2   second accent ("data"), same roles
     highlight / on-highlight        marker fill behind text, and the text on it
     inverse-*               the dark feature band (Research opener, footer, music block):
                             bg, surface, text, soft, accent, accent2, highlight
                             (accent/accent2/highlight are text-safe on inverse-bg)
     focus / inverse-focus   focus rings
     viz-1..3                three data series, distinguishable on bg
     shadow-rgb              "r g b" channels for rgb(var(--c-shadow-rgb) / .2)

   Chosen 2026-10-18: these are the "Blue" Slate values (a Teal variant with the
   two accents swapped was compared and not kept; see site/QA.md).
   ========================================================================== */

:root {
  color-scheme: light;
  --c-bg: #FFFFFF;
  --c-bg-alt: #F3F5F8;
  --c-surface: #FFFFFF;
  --c-line: #E1E5EB;
  --c-text: #0F172A;
  --c-text-soft: #334155;
  --c-text-muted: #556070;
  --c-accent: #2563EB;
  --c-accent-ink: #1D4ED8;
  --c-accent-soft: #DCE7FD;
  --c-on-accent: #FFFFFF;
  --c-accent2: #0D9488;
  --c-accent2-ink: #0F766E;
  --c-accent2-soft: #D5F5EF;
  --c-on-accent2: #FFFFFF;
  --c-highlight: #C9D9FF;
  --c-on-highlight: #0F172A;
  --c-inverse-bg: #0F172A;
  --c-inverse-surface: #1E293B;
  --c-inverse-text: #F8FAFC;
  --c-inverse-soft: #CBD5E1;
  --c-inverse-accent: #93B4FD;
  --c-inverse-accent2: #5EEAD4;
  --c-inverse-highlight: #FDE68A;
  --c-focus: #1D4ED8;
  --c-inverse-focus: #93B4FD;
  --c-viz-1: #2563EB;
  --c-viz-2: #0D9488;
  --c-viz-3: #C2410C;
  --c-shadow-rgb: 15 23 42;
}