/* Dark theme for Kobra Sobre (UTF-8, no accents in comments to avoid mojibake) */

/* Tokens */
[data-theme="dark"] {
  --primary: 220 14% 96%;
  --secondary: 220 14% 96%;
  --accent: 220 14% 96%;
  --base-100: 0 0% 0%;
  --base-200: 0 0% 5%;
  --base-300: 0 0% 10%;
  --base-content: 0 0% 90%;
}

/* Base */
[data-theme="dark"] body { background-color: hsl(var(--base-100)); color: hsl(var(--base-content)); }
[data-theme="dark"] .card { background-color: hsl(var(--base-200)); border-color: hsl(var(--base-300)); color: hsl(var(--base-content)); }
[data-theme="dark"] .navbar { background-color: hsl(var(--base-200) / 0.9); border-color: hsl(var(--base-300) / 0.5); }
[data-theme="dark"] .prose a { color: hsl(var(--p)); }

/* Hero */
[data-theme="dark"] .hero { background: linear-gradient(135deg, hsl(var(--p)/0.15) 0%, hsl(var(--s)/0.15) 50%, hsl(var(--a)/0.15) 100%); }

/* Inputs */
[data-theme="dark"] .input { background-color: hsl(var(--base-200)); border-color: hsl(var(--base-300)); color: hsl(var(--base-content)); }
[data-theme="dark"] .input:focus { background-color: hsl(var(--base-100)); border-color: hsl(var(--p)); }

/* Buttons / surfaces */
[data-theme="dark"] .btn-ghost:hover { background-color: hsl(var(--base-300)); }
[data-theme="dark"] .dropdown-content { background-color: hsl(var(--base-200) / 0.95); border-color: hsl(var(--base-300) / 0.5); }
[data-theme="dark"] .modal-box { background-color: hsl(var(--base-200)); border-color: hsl(var(--base-300)); }
[data-theme="dark"] .tooltip { background-color: hsl(var(--base-300)); color: hsl(var(--base-content)); }

/* Badges */
[data-theme="dark"] .badge-outline { border-color: hsl(var(--base-300)); color: hsl(var(--base-content)); }
[data-theme="dark"] .badge-outline:hover { background-color: hsl(var(--p)); border-color: hsl(var(--p)); color: white; }

/* Misc */
[data-theme="dark"] .divider { border-color: hsl(var(--base-300)); }
[data-theme="dark"] .alert { background-color: hsl(var(--base-200)); border-color: hsl(var(--base-300)); }
[data-theme="dark"] .toast { background-color: hsl(var(--base-200)); border-color: hsl(var(--base-300)); }

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track { background: hsl(var(--base-200)); }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: hsl(var(--base-300)); }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: hsl(var(--base-400)); }

/* Smooth transitions */
* { transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }