:root {
  --bg: #050505;
  --bg-2: #0a0a0a;
  --bg-3: #131313;
  --bg-4: #1a1a1a;
  --border: #1a1a1a;
  --border-hi: #262626;
  --text: #fafafa;
  --text-2: #a1a1a1;
  --text-3: #707070;
  --text-4: #4a4a4a;
  --accent: #3b82f6;
  --accent-h: #60a5fa;
  --green: #22c55e;
  --yellow: #eab308;
  --orange: #f59e0b;
  --red: #ef4444;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;
  --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px;
  --fs-xs: 10px; --fs-sm: 11px; --fs-md: 12px; --fs-base: 13px; --fs-lg: 14px;
  --fs-xl: 16px; --fs-2xl: 18px; --fs-3xl: 22px; --fs-4xl: 30px; --fs-5xl: 38px; --fs-6xl: 42px;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
  --font-math: 'Latin Modern Math', 'STIX Math', 'Cambria Math', Cambria, Georgia, serif;
}

/* === Atlas/HUD layer (additive — does not override existing tokens) === */
:root {
  /* HUD label sizing */
  --hud-fs: 11px;
  --hud-tracking: 0.10em;
  --hud-color: #fafafa;

  /* Corner brackets */
  --bracket-size: 24px;
  --bracket-thickness: 1.5px;
  --bracket-color: #fafafa;
  --bracket-inset: 14px;

  /* Atlas accents — semantic, used by mistake/weak/active states */
  --accent-weak: #ff6b2c;        /* failed/weak (matches atlas brief) */
  --accent-cool: #56d7ff;        /* alt highlight, for graphs/sparklines */

  /* Archive panel (floating index, mistake panel) */
  --panel-archive-bg: rgba(20, 22, 28, 0.82);
  --panel-archive-border: rgba(232, 237, 242, 0.16);
  --panel-archive-padding: 14px 18px;

  /* Subtle blueprint grid (background option, opt-in via .grid-bg) */
  --grid-line: rgba(255, 255, 255, 0.03);
  --grid-size: 48px;
}