/**
 * Sulfur Wire — design tokens
 * Obsidian registry shell (First Ground pattern) + sulfur yellow accent
 * cache-bust: v3
 */
:root {
  /* Brand */
  --sw-yellow: #f1dd38;
  --sw-yellow-deep: #e8de35;
  --sw-neon: #cfff04;
  --sw-olive: #515e04;
  --sw-olive-bright: #7aa700;

  /* Dark surfaces (First Ground–aligned graphite system) */
  --sw-void: #161616;
  --sw-surface: #222222;
  --sw-elevated: #2a2a2a;
  --sw-panel: #1c1c1c;

  /* Light / paper bands */
  --sw-paper: #f7f5ea;
  --sw-ink: #121212;
  --sw-on-yellow: #000000;

  /* Text on dark */
  --sw-text: #f3f1ec;
  --sw-text-muted: #9a9a92;
  --sw-text-faint: #6a6a62;

  /* Interactive */
  --sw-accent: var(--sw-yellow);
  --sw-accent-hover: var(--sw-neon);
  --sw-accent-dim: rgba(241, 221, 56, 0.12);
  --sw-accent-border: rgba(241, 221, 56, 0.4);

  --sw-border: rgba(255, 255, 255, 0.08);
  --sw-border-strong: rgba(255, 255, 255, 0.14);

  --sw-up: #7aa700;
  --sw-down: #c45c5c;
  --sw-warn: var(--sw-yellow-deep);

  --sw-font-sans: "Montserrat", system-ui, -apple-system, sans-serif;
  --sw-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --sw-radius-sm: 3px;
  --sw-radius-md: 6px;
  --sw-container: 1120px;
  --sw-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Legacy aliases used by existing CSS */
  --bg: var(--sw-void);
  --surface: var(--sw-surface);
  --border: #3a3a3a;
  --text: var(--sw-text);
  --muted: var(--sw-text-muted);
  --accent: var(--sw-yellow);
  --up: var(--sw-up);
  --down: var(--sw-down);
  --warn: var(--sw-warn);
  --font-ui: var(--sw-font-sans);
  --font-data: var(--sw-font-mono);
}