:root {
  color-scheme: dark;
  --color-bg: #0b1020;
  --color-surface: #131a2d;
  --color-surface-2: #19223a;
  --color-line: #2b3654;
  --color-text: #edf2ff;
  --color-muted: #9aa8c7;
  --color-accent: #35d0ba;
  --color-accent-2: #f2c94c;
  --color-danger: #ff6b6b;
  --shadow-panel: 0 16px 40px rgb(0 0 0 / 24%);
  --radius-sm: 6px;
  --radius-md: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --bottom-nav-height: 68px;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}