:root {
  --bg: #0a0a0f;
  --surface: #16161e;
  --surface-2: #1e1e2a;
  --surface-3: #2a2a3a;
  --accent: #007AFF;
  --accent-hover: #3395FF;
  --accent-muted: rgba(0, 122, 255, 0.15);
  --accent-glow: rgba(0, 122, 255, 0.3);
  --text: #f5f5f7;
  --text-secondary: #a1a1aa;
  --text-muted: #6b6b7b;
  --success: #34d399;
  --warning: #fbbf24;
  --error: #ef4444;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.5);
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tab-bar-height: 64px;
  --header-height: 56px;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f5f5f7;
    --surface: #ffffff;
    --surface-2: #f0f0f5;
    --surface-3: #e4e4eb;
    --text: #1d1d1f;
    --text-secondary: #6b6b7b;
    --text-muted: #a1a1aa;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.15);
  }
}