/* =========================================================================
 * GENERATED FILE — DO NOT EDIT.
 * Source of truth: sysreon_voice_hud_kit/hud/src/tokens/tokens.css
 * Regenerate:      python scripts/sync_hud_tokens.py   (from repo root)
 * Reason (PR-212): static Pages deploys can't import @sysreon/hud via npm;
 * this derived copy is how sysreon.com genuinely references the locked
 * token set instead of hand-duplicating hex values.
 * ========================================================================= */

/**
 * @sysreon/hud — theme tokens (Sysreon official brand palette, locked 2026-07-03)
 *
 * Single source of truth for color/glow/surface values. Every component in this
 * library reads these variables — no hex values are hardcoded in component code.
 * Sysreon-family UIs (OpsPilot, SovranOS) re-skin by overriding this block with
 * their own token set; component code stays untouched.
 *
 * RGB triplet variants (--sysreon-*-rgb) exist so components can build
 * translucent colors via rgba(var(--sysreon-accent-primary-rgb), 0.35).
 */
:root {
  /* ---- Base surfaces (Deep Charcoal ramp) ---- */
  --sysreon-bg: #1e1e1e;                 /* app background            */
  --sysreon-bg-elevated: #202428;        /* raised surface            */
  --sysreon-bg-rgb: 30, 30, 30;
  --sysreon-bg-elevated-rgb: 32, 36, 40;
  --sysreon-panel: rgba(var(--sysreon-bg-elevated-rgb), 0.72);
  --sysreon-panel-solid: #16181b;        /* near-black card interior  */

  /* ---- Accents ---- */
  --sysreon-accent-primary: #ff7a5c;     /* Inferno Coral Fusion      */
  --sysreon-accent-primary-rgb: 255, 122, 92;
  --sysreon-accent-alert: #c2372d;       /* Deep Inferno Red          */
  --sysreon-accent-alert-rgb: 194, 55, 45;
  --sysreon-accent-ok: #5cd6a9;          /* system-nominal green      */
  --sysreon-accent-ok-rgb: 92, 214, 169;
  --sysreon-accent-info: #6ea8d8;        /* neutral telemetry blue    */
  --sysreon-accent-info-rgb: 110, 168, 216;

  /* ---- Text ---- */
  --sysreon-text: #e8e6e3;
  --sysreon-text-dim: #9a968f;
  --sysreon-text-rgb: 232, 230, 227;

  /* ---- Lines / borders ---- */
  --sysreon-line: rgba(var(--sysreon-text-rgb), 0.08);
  --sysreon-line-strong: rgba(var(--sysreon-text-rgb), 0.16);

  /* ---- Glow recipe (used by GlowCard, WaveformVisualizer) ---- */
  --sysreon-glow-spread: 18px;
  --sysreon-glow-opacity: 0.45;
  --sysreon-glow-inner-opacity: 0.12;

  /* ---- Glass recipe (used by GlassPanel) ---- */
  --sysreon-glass-blur: 14px;
  --sysreon-glass-saturation: 1.2;
  --sysreon-glass-bg: rgba(var(--sysreon-bg-elevated-rgb), 0.55);

  /* ---- Scanline recipe (used by ScanlineTexture) ---- */
  --sysreon-scanline-color: rgba(var(--sysreon-text-rgb), 0.03);
  --sysreon-scanline-size: 3px;
  --sysreon-grid-color: rgba(var(--sysreon-accent-primary-rgb), 0.04);
  --sysreon-grid-size: 48px;

  /* ---- Type ---- */
  --sysreon-font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --sysreon-font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* ---- Type — display/body/mono lock (2026-07-10, PROMPT H2; see Sysreon_DESIGN.md) ---- */
  --sysreon-font-display: "Chakra Petch", "Rajdhani", "Segoe UI", system-ui, -apple-system, sans-serif;
  --sysreon-font-body: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --sysreon-font-mono-data: "IBM Plex Mono", "Cascadia Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* not --sysreon-font-mono: that name is live-consumed above */

  /* ---- Motion ---- */
  --sysreon-ease-hud: cubic-bezier(0.22, 1, 0.36, 1);
  --sysreon-dur-fast: 150ms;
  --sysreon-dur-base: 320ms;
}