/*
 * fg-tokens.css — single source of truth for the FG VNC dashboard visual language.
 * Load FIRST (before any page stylesheet) so pages and bundles can consume var(--fg-*).
 * Naming is namespaced --fg-* on purpose: the legacy --primary-color/--accent-color names mean
 * opposite things on different pages (see Plans/vnc-unified-topbar-.../09-theme-tokens-and-fireflies.md §1)
 * and must not be reused. Core identity values are frozen per decision D5 (00-decisions.md).
 */
:root {
  /* core palette — frozen, byte-identical to the historical scheme */
  --fg-bg: #0a0615;
  --fg-surface: #1a0a2e;
  --fg-surface-2: #120622;
  --fg-indigo: #4B0082;
  --fg-gold: #FFD700;
  --fg-gold-dark: #e6c200;
  --fg-text: #e0d6ff;
  --fg-text-muted: rgba(224, 214, 255, 0.6);
  /* gold alpha ramp — replaces the ~15 ad-hoc rgba(255,215,0,x) steps found in the census */
  --fg-gold-a05: rgba(255, 215, 0, 0.05);
  --fg-gold-a10: rgba(255, 215, 0, 0.1);
  --fg-gold-a15: rgba(255, 215, 0, 0.15);
  --fg-gold-a20: rgba(255, 215, 0, 0.2);
  --fg-gold-a30: rgba(255, 215, 0, 0.3);
  --fg-gold-a40: rgba(255, 215, 0, 0.4);
  --fg-gold-a60: rgba(255, 215, 0, 0.6);
  --fg-border: var(--fg-gold-a20);
  --fg-border-faint: var(--fg-gold-a10);
  /* status — exactly ONE green, ONE red, ONE amber, ONE info (consolidation per D5) */
  --fg-ok: #4ade80;
  --fg-err: #ef4444;
  --fg-warn: #fbbf24;
  --fg-info: #00d4ff;
  /* alert banner ONLY — contrast-measured trio for the red error zone on dark purple (7.2:1 text on --fg-bg).
     Do not use these outside the banner/alert-chip context; general error styling uses --fg-err. */
  --fg-alert-fill: #3d0f14;
  --fg-alert-border: #FF5252;
  --fg-alert-text: #FF6B6B;
  /* structure */
  --fg-radius-sm: 6px;
  --fg-radius: 8px;
  --fg-radius-lg: 12px;
  --fg-radius-card: 16px;
  --fg-radius-pill: 999px;
  --fg-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --fg-glow-gold: 0 0 15px rgba(255, 215, 0, 0.3);
  --fg-font: 'Poppins', sans-serif;
  --fg-font-mono: 'Fira Code', Menlo, monospace;
}