:root {
  --bg-primary: #121212;
  --bg-surface: #1e1e1e;
  --bg-surface-alt: #252525;
  --bg-elevated: #2c2c2c;

  --text-primary: #e0e0e0;
  --text-secondary: #a0a0a0;
  --text-muted: #666666;

  --accent-green: #4caf50;
  --accent-green-dim: #2e7d32;
  --accent-blue: #42a5f5;

  --alert-red: #ef5350;
  --alert-red-bg: #3d1212;
  --alert-amber: #ffa726;
  --alert-amber-bg: #3d2e12;

  --border-color: #333333;
  --border-radius: 8px;
  --border-radius-lg: 12px;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.9375rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-xxl: 1.75rem;

  --tab-bar-height: 60px;
  --fab-size: 56px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}