:root {
  /* Default theme (Clean & Modern) */
  --bg: #F5F7FA;
  --accent1: #0078D7;
  --accent2: #00B294;
  --text: #1E1E1E;
  --highlight: #FFD700;
}



/* Generic usage */
body {
  background: var(--bg);
  color: var(--text);
}

header, footer {
  background-color: var(--accent1);
  color: var(--text);
}

.title {
  color: var(--highlight);
}





body[data-theme="techy"] {
  --footer-bg: #0b1120;
  --footer-accent: #FACC15;
  --footer-text: #ffffff;

  --ticker-news: #e5e7eb;
  --ticker-traffic: #FACC15;
  --ticker-emergency: #ef4444;
  --ticker-promo: #22c55e;
}

body[data-theme="contrast"] {
  --bg: #000000;
  --text: #FFFFFF;
  --header-bg: #000000;

  --logo-color: #FFD600;
  --time-color: #FFD600;
  --town-color: #00E5FF;

  --footer-bg: #000000;
  --footer-accent: #FFD600;
  --footer-text: #ffffff;

  --ticker-news: #ffffff;
  --ticker-traffic: #FFD600;
  --ticker-emergency: #ff0000;
  --ticker-promo: #00ff00;
}
body[data-theme="natural"] {
  --bg: #F0FDF4;
  --text: #064E3B;
  --header-bg: rgba(240,253,244,0.95);

  --logo-color: #10B981;
  --time-color: #10B981;
  --town-color: #059669;

  --footer-bg: #064E3B;
  --footer-accent: #10B981;
  --footer-text: #ffffff;

  --ticker-news: #e5e7eb;
  --ticker-traffic: #10B981;
  --ticker-emergency: #dc2626;
  --ticker-promo: #22c55e;
}
body[data-theme="vibrant"] {
  --bg: #FFFFFF;
  --text: #1A1A1A;
  --header-bg: rgba(255,255,255,0.95);

  --logo-color: #FF006E;
  --time-color: #FF006E;
  --town-color: #8338EC;

  --footer-bg: #1A1A1A;
  --footer-accent: #FF006E;
  --footer-text: #ffffff;

  --ticker-news: #ffffff;
  --ticker-traffic: #FF006E;
  --ticker-emergency: #ef4444;
  --ticker-promo: #22c55e;
}
body[data-theme="warm"] {
  --bg: #FFF8F0;
  --text: #2C3E50;
  --header-bg: rgba(255,248,240,0.95);

  --logo-color: #D35400;
  --time-color: #D35400;
  --town-color: #8E44AD;

  --footer-bg: #7a3e00;
  --footer-accent: #F1C40F;
  --footer-text: #ffffff;

  --ticker-news: #ffffff;
  --ticker-traffic: #F1C40F;
  --ticker-emergency: #c0392b;
  --ticker-promo: #27ae60;
}
body[data-theme="clean"] {
  --bg: #F5F7FA;
  --text: #1E1E1E;
  --header-bg: rgba(245,247,250,0.95);

  --logo-color: #FFD700;
  --time-color: #0078D7;
  --town-color: #00B294;

  --footer-bg: #0b1a33;
  --footer-accent: #FFD700;
  --footer-text: #ffffff;

  --ticker-news: #e5e7eb;
  --ticker-traffic: #FFD700;
  --ticker-emergency: #ef4444;
  --ticker-promo: #22c55e;
}
body[data-theme="sunburst"] {
  /* Core */
  --bg: #154389;
  --text: #ffffff;
  --header-bg: #154389;

  --logo-color: #FFDD00;
  --time-color: #FFDD00;
  --town-color: #ffffff;

  /* Footer */
  --footer-bg: #E1252D;
  --footer-accent: #FFDD00;
  --footer-text: #ffffff;

  /* Ticker */
  --ticker-news: #ffffff;
  --ticker-traffic: #FFDD00;
  --ticker-emergency: #ffffff;
  --ticker-promo: #FFDD00;

  /* Optional */
  --ad-border: #FFDD00;
}
body[data-theme="emerald"] {

  /* Core */
  --bg: #007A53;
  --text: #ffffff;
  --header-bg: #007A53;

  --logo-color: #F7F7F7;
  --time-color: #FF6720;
  --town-color: #F7F7F7;

  /* Footer */
  --footer-bg: #DA291C;
  --footer-accent: #FF6720;
  --footer-text: #ffffff;

  /* Ticker */
  --ticker-news: #F7F7F7;
  --ticker-traffic: #FF6720;
  --ticker-emergency: #DA291C;
  --ticker-promo: #FF6720;

  /* Optional */
  --ad-border: #FF6720;
}