:root {
  --bg: #0a0a0a;
  --surface: #141414;
  --surface-raised: #1a1a1a;
  --border: #2a2a2a;
  --border-focus: #4a9eff;
  --text: #e8e8e8;
  --text-secondary: #999;
  --text-muted: #666;
  --accent: #4a9eff;
  --accent-hover: #6ab4ff;
  --accent-dim: #1a3a5c;
  --success: #34c759;
  --success-dim: #0d3318;
  --warning: #ff9500;
  --warning-dim: #3d2400;
  --error: #ff3b30;
  --error-dim: #3d0f0c;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro', system-ui, sans-serif;
  --font-mono: 'SF Mono', ui-monospace, monospace;
  --shadow: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.4);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --transition: 150ms ease;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f5f5f7;
    --surface: #ffffff;
    --surface-raised: #ffffff;
    --border: #e0e0e0;
    --text: #1d1d1f;
    --text-secondary: #666;
    --text-muted: #999;
    --accent-dim: #e8f2ff;
    --success-dim: #e8f8ed;
    --warning-dim: #fff5e6;
    --error-dim: #ffe8e6;
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  }
}