:root {
  --bg-primary: #0f0f0f;
  --bg-secondary: #1a1a2e;
  --bg-card: #16213e;
  --bg-card-hover: #1a2744;
  --text-primary: #e0e0e0;
  --text-secondary: #a0a0a0;
  --accent: #4f8cff;
  --accent-hover: #3a7aef;
  --danger: #ff4757;
  --warning: #ffa502;
  --success: #2ed573;
  --border: #2a2a4a;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 4px 12px rgba(0,0,0,0.3);
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --header-height: 56px;
}