/* ============================================================
   LIVE SURFACES — DESIGN TOKENS (Harbor Grit)
   Roundtable: Website Is the Demo (2026-08-26)
   Owner: creative-director (Delacroix)
   Load FIRST, before live-pulse.css / live-activity.css / live-chat.css.
   Do not edit from engineering. Ping creative-director for hooks.
   ============================================================ */

:root {
  /* --- Harbor Grit core (mirrors site-shell.css) --- */
  --hg-paper: #f2efe8;           /* page / strip background */
  --hg-surface: #ffffff;         /* cards, panels, assistant bubbles */
  --hg-surface-alt: #f9f7f2;     /* hover, quiet fills, system rows */
  --hg-ink: #111111;             /* all text */
  --hg-border: #161616;          /* 2px hard borders */
  --hg-muted: #5a5a5a;           /* secondary text */
  --hg-signal: #e6441f;          /* the ONE accent */
  --hg-shadow: 8px 8px 0 #171717;    /* hard offset, no blur */
  --hg-shadow-sm: 4px 4px 0 #171717; /* small surfaces */

  /* --- Live state colors (brand-legal additions) --- */
  --hg-ok: #2e6b33;              /* support OK green — low saturation, no glow */
  --hg-warn: #a16207;            /* brass amber — "human review needed" */
  --hg-down: #e6441f;            /* signal red-orange = down / alarm */
  --hg-offline: #5a5a5a;         /* feed unreachable / static snapshot */
  /* Amendment A1 (CD 2026-08-31): PAUSED is a seat resting, not a dead feed.
     Must not share a colour with --hg-offline. Dusty brass, quieter than --hg-warn. */
  --hg-paused: #7a6a4a;
  --hg-verify: #046c86;          /* support teal — leads, verify */

  /* --- Type --- */
  --hg-font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --hg-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --hg-font-mark: "Archivo Black", Impact, sans-serif;

  /* --- 8px grid only --- */
  --hg-space-1: 8px;
  --hg-space-2: 16px;
  --hg-space-3: 24px;
  --hg-space-4: 32px;

  /* --- Hairline rules (ink at low alpha — never full-ink hairlines) --- */
  --hg-rule: 1px solid rgba(17, 17, 17, 0.16);
}