/*
 * Catalyst token system — SOURCED from the console repo
 * (catalyst-console/src/tokens/tokens.css, itself per
 * docs/catalyst_theming_guidelines.md v1.2 §2, adopted at source by
 * Brand Guide v2.2). VALUES ARE IDENTICAL to the console sheet,
 * including its repo-local v1.3-batch amendments.
 *
 * ONE deliberate adaptation, flagged for review: the console keys light
 * on [data-theme='light'] set by a boot script honouring a stored
 * toggle. This static site ships no JS and no toggle, so light applies
 * via prefers-color-scheme directly. Dark remains the default tree;
 * remap only, no theme-specific structure.
 *
 * Only the tokens this site consumes are carried (subset, not fork —
 * a value drifting from the console sheet is a defect).
 */

:root {
  color-scheme: dark;

  /* Neutrals & text */
  --surface-0: #0d0d0f; /* Void — page */
  --surface-1: #111113; /* card lift over the page */
  --hairline: rgba(255, 255, 255, 0.07);
  --text-hi: #c8c8ca;
  --text-body: #8a8a90; /* meaningful secondary */

  /* Accents — fill / line / text split */
  --electric: #52c5ff;
  --electric-text: #52c5ff;

  /* Ink on accent fills (submit button text on Electric) */
  --ink-on-accent: #0d0d0f;

  /* Focus — ≥3:1 in both themes */
  --focus-ring: #52c5ff;

  /* Typography */
  --font-sans: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;

    --surface-0: #f5f5f3; /* Paper — page */
    /*
     * White — cards read lighter-than-page on light, inverse-consistent
     * with dark (console repo-local amendment, ruled 2026-08-06).
     */
    --surface-1: #ffffff;
    --hairline: rgba(11, 30, 51, 0.1);
    --text-hi: #0b1e33; /* Navy */
    --text-body: #5c5b57;

    --ink-on-accent: #0b1e33;

    /*
     * Accents on light: meaning-bearing lines/strokes and accent text
     * use the -line/-text variants (≥4.5:1 text on Paper). --electric
     * itself keeps the brand hue for FILLS (the lozenge mark).
     */
    --electric-text: #095e88;

    --focus-ring: #095e88;
  }
}