/* Theme definitions */

/* Mono Dark (default) */
html.theme-mono-dark {
  --bg: #0b0c10;
  --fg: #e8e9ed;
  --muted: #8a8b8f;
  --accent: #30A2FF;
  --border: rgba(255, 255, 255, 0.1);
  --glass: rgba(255, 255, 255, 0.05);
  --shadow: rgba(0, 0, 0, 0.3);
}

/* Mono Light */
html.theme-mono-light {
  --bg: #f7f7f8;
  --fg: #141414;
  --muted: #666666;
  --accent: #1874E6;
  --border: rgba(0, 0, 0, 0.1);
  --glass: rgba(0, 0, 0, 0.03);
  --shadow: rgba(0, 0, 0, 0.1);
  --calendar-icon-filter: none;
}

/* Solar */
html.theme-solar {
  --bg: #002b36;
  --fg: #eee8d5;
  --muted: #93a1a1;
  --accent: #b58900;
  --border: rgba(238, 232, 213, 0.15);
  --glass: rgba(238, 232, 213, 0.05);
  --shadow: rgba(0, 0, 0, 0.4);
}

/* Violet */
html.theme-violet {
  --bg: #0e0b1b;
  --fg: #e9e5ff;
  --muted: #a8a3c7;
  --accent: #8b5cf6;
  --border: rgba(233, 229, 255, 0.12);
  --glass: rgba(233, 229, 255, 0.04);
  --shadow: rgba(0, 0, 0, 0.5);
}

/* Neon Cyber */
html.theme-neon-cyber {
  --bg: #0a0a0a;
  --fg: #00ff41;
  --muted: #00cc33;
  --accent: #ff0080;
  --border: rgba(0, 255, 65, 0.3);
  --glass: rgba(0, 255, 65, 0.1);
  --shadow: rgba(255, 0, 128, 0.4);
}

/* Ocean Sunset */
html.theme-ocean-sunset {
  --bg: #1a0b2e;
  --fg: #ff6b6b;
  --muted: #ff8e8e;
  --accent: #ffd93d;
  --border: rgba(255, 107, 107, 0.2);
  --glass: rgba(255, 107, 107, 0.08);
  --shadow: rgba(255, 217, 61, 0.3);
}

/* Fire Dragon */
html.theme-fire-dragon {
  --bg: #1a0000;
  --fg: #ff4500;
  --muted: #ff6347;
  --accent: #ffd700;
  --border: rgba(255, 69, 0, 0.3);
  --glass: rgba(255, 69, 0, 0.1);
  --shadow: rgba(255, 215, 0, 0.4);
}

/* Electric Blue */
html.theme-electric-blue {
  --bg: #000814;
  --fg: #00d4ff;
  --muted: #0099cc;
  --accent: #ffff00;
  --border: rgba(0, 212, 255, 0.25);
  --glass: rgba(0, 212, 255, 0.08);
  --shadow: rgba(255, 255, 0, 0.3);
}

/* Royal Purple */
html.theme-royal-purple {
  --bg: #1a0033;
  --fg: #da70d6;
  --muted: #ba55d3;
  --accent: #00ffff;
  --border: rgba(218, 112, 214, 0.25);
  --glass: rgba(218, 112, 214, 0.08);
  --shadow: rgba(0, 255, 255, 0.3);
}




/* Solar theme specific styles */
html.theme-solar .topbar {
  background: rgba(0, 43, 54, 0.8);
}

/* Violet theme specific styles */
html.theme-violet .topbar {
  background: rgba(14, 11, 27, 0.8);
}

/* Enhanced contrast for accessibility */
@media (prefers-contrast: high) {
  html.theme-mono-dark {
    --bg: #000000;
    --fg: #ffffff;
    --border: rgba(255, 255, 255, 0.4);
  }

  html.theme-mono-light {
    --bg: #ffffff;
    --fg: #000000;
    --border: rgba(0, 0, 0, 0.4);
  }

  html.theme-solar {
    --bg: #001b24;
    --fg: #ffffff;
    --border: rgba(255, 255, 255, 0.4);
  }

  html.theme-violet {
    --bg: #000000;
    --fg: #ffffff;
    --border: rgba(255, 255, 255, 0.4);
  }
}

/* Mobile: make navbar less transparent across all themes */
@media (max-width: 768px) {
  .topbar {
    background: var(--bg);
  }
}