/**
 * CeduVoices — default site color palette (canonical).
 * Blue foundation + yellow accents. Import this before page/component CSS.
 */
:root {
  color-scheme: light dark;
  --blue-deep: #2c5282;
  --blue-mid: #3182ce;
  --blue-soft: #90cdf4;
  --yellow-gold: #a16207;
  --yellow: #ca8a04;
  --yellow-bright: #facc15;
  --yellow-pale: #fef08a;
  --bg: #e8eef6;
  --fg: #1a2332;
  --muted: #5c6b7e;
  --tagline: #334155;
  --accent: var(--yellow);
  --accent-highlight: var(--yellow-bright);
  --card: #f8fafc;
  --card-elevated: #ffffff;
  --border: #a8bdd4;
  --navbar-gradient-start: var(--blue-deep);
  --navbar-gradient-end: color-mix(in srgb, var(--blue-deep) 88%, #0f172a);
  --hero-gradient: linear-gradient(
    165deg,
    #c5d9f0 0%,
    #d6e6f7 38%,
    #e4edf8 68%,
    var(--bg) 100%
  );
  --font: "Lato", "Roboto", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #202c3d;
    --fg: #f8fafc;
    --muted: #a8b8cc;
    --tagline: #e2e8f0;
    --accent: #fbbf24;
    --accent-highlight: #fde047;
    --card: #344154;
    --card-elevated: #3d4d66;
    --border: #4a5568;
    --navbar-gradient-start: #2b436c;
    --navbar-gradient-end: #1e3048;
    --hero-gradient: linear-gradient(
      165deg,
      #2a3850 0%,
      #243044 42%,
      #202c3d 75%,
      var(--bg) 100%
    );
  }
}