/* M.A.T.E. colour tokens
   Palette verified against M.A.T.E. Brand Kit 2026 (colour palette page) and
   the M.A.T.E. Design Charter v0.4 section 2. Blue Ruin is #2862ea.
   #0061e1 was a text error in Brand Kit v01.25 and must never appear. */
:root{
  /* --- brand palette --- */
  --ink:#15181f; /* @kind color */ /* Bitumen (TEXT). All body text and headings. Also the dark surface */
  --ink-muted:#424a56; /* @kind color */ /* Southwest Blue. Secondary text, captions, labels, metadata */
  --brand-primary:#2862ea; /* @kind color */ /* Blue Ruin. Primary and interactive, light surfaces only */
  --brand-primary-deep:#0a4cb0; /* @kind color */ /* Blue Ruin pressed / hovered */
  --brand-surface:#e3e5e7; /* @kind color */ /* Arctic Dawn. Surfaces, dividers, quiet fills */
  --brand-surface-soft:#f2f3f4; /* @kind color */ /* Arctic Dawn lifted. Cards and tinted sections */
  --brand-accent:#f49f00; /* @kind color */ /* Miami Marmalade. Accent only, never a field of colour */
  --brand-marmalade:#f49f00; /* @kind color */
  --brand-paper:#ffffff; /* @kind color */ /* Dominant background */
  --hair:#d3d6d9; /* @kind color */ /* Hairline rules */
  --status-live:#1a8f4c; /* @kind color */ /* The one green in the system: the "Live now" chip dot */

  /* --- semantic text --- */
  --text-body:var(--ink); /* @kind color */
  --text-heading:var(--ink); /* @kind color */
  --text-muted:var(--ink-muted); /* @kind color */
  --text-interactive:var(--brand-primary); /* @kind color */
  --text-on-dark:#ffffff; /* @kind color */
  --text-on-blue:#ffffff; /* @kind color */
  --text-on-marmalade:var(--ink); /* @kind color */

  /* --- semantic surfaces --- */
  --surface-page:var(--brand-paper); /* @kind color */
  --surface-tint:var(--brand-surface-soft); /* @kind color */ /* .sec.tint */
  --surface-field:var(--brand-surface); /* @kind color */ /* .sec.field */
  --surface-card:var(--brand-surface-soft); /* @kind color */ /* .tile, .demo */
  --surface-wash:rgba(40,98,234,.07); /* @kind color */ /* .sec.dark, .tile.dark */
  --surface-wash-hover:rgba(40,98,234,.12); /* @kind color */
  --surface-dark:var(--ink); /* @kind color */
  --surface-blue:var(--brand-primary); /* @kind color */

  /* --- borders and rings --- */
  --border-hair:var(--hair); /* @kind color */
  --border-wash:rgba(40,98,234,.22); /* @kind color */
  --border-on-blue:rgba(255,255,255,.7); /* @kind color */
  --focus-ring:var(--brand-primary); /* @kind color */

  /* --- text on a Blue Ruin surface --- */
  --on-blue-nav:rgba(255,255,255,.86); /* @kind color */
  --on-blue-body:rgba(255,255,255,.88); /* @kind color */
}