/* css/darkmode.css */
html.dark {
  --bg-primary: #0A0A0A;
  --bg-secondary: #111111;
  --card-bg: #18181B;
  --text-primary: #FFFFFF;
  --text-secondary: #A1A1AA;
  --border-color: #27272A;
  --color-primary: #3B82F6;
  --color-secondary: #8B5CF6;
}

html.dark body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

html.dark .glass-panel {
  background: rgba(24, 24, 27, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

html.dark .hover-card-effect {
  border-color: var(--border-color);
  background-color: var(--card-bg);
}

html.dark .hover-card-effect:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  border-color: rgba(139, 92, 246, 0.3);
}

html.dark ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

html.dark ::-webkit-scrollbar-thumb {
  background: #3f3f46;
}
html.dark ::-webkit-scrollbar-thumb:hover {
  background: #52525b;
}

html.dark .page-loader {
  background: var(--bg-primary);
}