:root {
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f1f3f4;
  --text-primary: #2c3e50;
  --text-secondary: #666666;
  --text-muted: #999999;
  --border-color: #e9ecef;
  --shadow-color: rgba(0, 0, 0, 0.07);
  --shadow-dark: rgba(0, 0, 0, 0.15);
  /* Brand hero — day mode background behind white headings */
  --hero-bg: #096896;
  --hero-bg-end: #0a7ab0;
  --hero-text: #ffffff;
  --accent-color: #3498db;
  --accent-hover: #2980b9;
  --success-color: #27ae60;
  --warning-color: #f39c12;
  --danger-color: #e74c3c;
}

[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #3a3a3a;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-muted: #888888;
  --border-color: #404040;
  --shadow-color: rgba(0, 0, 0, 0.3);
  --shadow-dark: rgba(0, 0, 0, 0.5);
  --accent-color: #5dade2;
  --accent-hover: #3498db;
  --success-color: #58d68d;
  --warning-color: #f7dc6f;
  --danger-color: #ec7063;
}