:root {
  --up: #089981; --down: #F23645; --warn: #F2A600;
  --signal: #8B5CF6;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
}
:root, :root[data-theme="slate"] {
  color-scheme: dark;
  --bg: #1b2432; --bg-raised: #222d3d; --bg-sunken: #151d28; --bg-hover: #2a3749; --bg-active: #334155;
  --material: rgba(34, 45, 61, 0.90); --border: #3a4a60; --border-subtle: rgba(255,255,255,0.09);
  --fg: #e6ecf3; --fg-secondary: #9aa8bb; --fg-tertiary: #6d7c91;
  --accent: #4DA3FF; --accent-fg: #ffffff; --accent-soft: rgba(77,163,255,0.22);
  --grid: rgba(150,175,205,0.13); --crosshair: #7f8fa6; --watermark: rgba(180,200,225,0.28);
  --shadow-pop: 0 8px 28px rgba(0,0,0,0.45), 0 0 0 0.5px rgba(0,0,0,0.30);
  --gold: #8ECAE6;
  
  --panel: var(--bg-raised); --panel2: var(--bg-sunken); --line: var(--border);
  --dim: var(--fg-secondary); --faint: var(--fg-tertiary); --acc: var(--accent);
}
:root[data-theme="graphite"] {
  color-scheme: dark;
  --bg: #33343a; --bg-raised: #3c3d44; --bg-sunken: #2b2c31; --bg-hover: #45464e; --bg-active: #4f505a;
  --material: rgba(60, 61, 68, 0.90); --border: #54555e; --border-subtle: rgba(255,255,255,0.10);
  --fg: #ececed; --fg-secondary: #a6a7b0; --fg-tertiary: #7c7d86;
  --accent: #4B9BF0; --accent-fg: #ffffff; --accent-soft: rgba(75,155,240,0.24);
  --grid: rgba(190,190,205,0.13); --crosshair: #9092a0; --watermark: rgba(200,200,215,0.30);
  --shadow-pop: 0 8px 28px rgba(0,0,0,0.40), 0 0 0 0.5px rgba(0,0,0,0.25);
  --gold: #8ECAE6;
  
  --panel: var(--bg-raised); --panel2: var(--bg-sunken); --line: var(--border);
  --dim: var(--fg-secondary); --faint: var(--fg-tertiary); --acc: var(--accent);
}
:root[data-theme="paper"] {
  color-scheme: light;
  --bg: #fbfbf9; --bg-raised: #f3f3f0; --bg-sunken: #ebebe7; --bg-hover: #e6e6e1; --bg-active: #dcdcd6;
  --material: rgba(251, 251, 249, 0.90); --border: #d8d8d1; --border-subtle: rgba(0,0,0,0.07);
  --fg: #22221f; --fg-secondary: #6c6c66; --fg-tertiary: #9a9a93;
  --accent: #0E63C6; --accent-fg: #ffffff; --accent-soft: rgba(14,99,198,0.14);
  --grid: rgba(120,120,110,0.16); --crosshair: #78786f; --watermark: rgba(90,90,84,0.30);
  --shadow-pop: 0 8px 28px rgba(0,0,0,0.14), 0 0 0 0.5px rgba(0,0,0,0.07);
  --gold: #1f7fae;
  
  --panel: var(--bg-raised); --panel2: var(--bg-sunken); --line: var(--border);
  --dim: var(--fg-secondary); --faint: var(--fg-tertiary); --acc: var(--accent);
}
:root[data-theme="ash"] {
  color-scheme: light;
  --bg: #cdcdd2; --bg-raised: #d8d8dd; --bg-sunken: #c2c2c8; --bg-hover: #bcbcc3; --bg-active: #b0b0b8;
  --material: rgba(214, 214, 220, 0.92); --border: #a8a8b0; --border-subtle: rgba(0,0,0,0.10);
  --fg: #1c1c22; --fg-secondary: #55555e; --fg-tertiary: #7b7b85;
  --accent: #0B57B8; --accent-fg: #ffffff; --accent-soft: rgba(11,87,184,0.18);
  --grid: rgba(70,70,80,0.18); --crosshair: #5a5a64; --watermark: rgba(60,60,70,0.28);
  --shadow-pop: 0 8px 28px rgba(0,0,0,0.20), 0 0 0 0.5px rgba(0,0,0,0.10);
  --gold: #1a6f9a;
  
  --panel: var(--bg-raised); --panel2: var(--bg-sunken); --line: var(--border);
  --dim: var(--fg-secondary); --faint: var(--fg-tertiary); --acc: var(--accent);
}