/* theme-tokens.css - semantic alias layer
 *
 * The site carries three deliberately distinct palettes:
 *   site.css          traditional document/form colours (12 pages)
 *   vision-glass.css  shared glass surface system (20 pages)
 *   home-liquid.css   homepage-only signal-lab accents (1 page)
 *
 * They are layered by design, not duplicated by accident: every semantically
 * similar pair differs in value. They are therefore NOT merged here, because
 * merging would change the homepage brand colour and the shared glass tone.
 *
 * This file adds one semantic alias set on top, pointing at the palette each
 * page actually renders with, so later fixes can target a single name without
 * touching hundreds of var() call sites.
 *
 * Import order matters: load this BEFORE site.css / vision-glass.css /
 * home-liquid.css. Every value below is a var() reference, so the alias
 * follows whichever palette is in effect and rendering is unchanged.
 */

:root {
  --c-page-bg: var(--vg-bg);
  --c-ink: var(--vg-ink);
  --c-muted: var(--vg-muted);
  --c-soft: var(--vg-muted);
  --c-line: var(--vg-line);
  --c-line-soft: var(--vg-line-soft);
  --c-surface: var(--vg-glass);
  --c-surface-strong: var(--vg-glass-strong);
  --c-shadow: var(--vg-shadow);
  --c-shadow-soft: var(--vg-shadow-soft);
  --c-radius: var(--vg-radius);
  --c-accent: var(--vg-violet);
  --c-accent-2: var(--vg-mist);
}

/* The homepage renders its own palette and does not use the glass tokens for
   text or surfaces, so it aliases onto the home set instead. */
.home-page {
  --c-page-bg: var(--home-void);
  --c-ink: var(--home-ink);
  --c-muted: var(--home-muted);
  --c-soft: var(--home-soft);
  --c-line: var(--home-line);
  --c-line-soft: var(--home-line-soft);
  --c-surface: var(--home-panel);
  --c-surface-strong: var(--home-panel-strong);
  --c-shadow: var(--home-shadow);
  --c-accent: var(--home-violet);
  --c-accent-2: var(--home-cyan);
  --c-accent-3: var(--home-magenta);
}

/* Pages that build on site.css without the glass layer fall back to the
   document palette. */
.page-about {
  --c-ink: var(--ink);
  --c-muted: var(--muted);
  --c-soft: var(--muted);
  --c-line: var(--line);
  --c-shadow: var(--shadow);
}