/* --- THEME VARIABLES --- */
:root, [data-theme="moderna-dark"] {
  /* Slate - Dark (Default) */
  --color-slate-50: 248 250 252;
  --color-slate-100: 241 245 249;
  --color-slate-200: 226 232 240;
  --color-slate-300: 203 213 225;
  --color-slate-400: 148 163 184;
  --color-slate-500: 100 116 139;
  --color-slate-600: 71 85 105;
  --color-slate-700: 51 65 85;
  --color-slate-800: 30 41 59;
  --color-slate-900: 15 23 42;
  --color-slate-950: 2 6 23;
  
  --color-white: 255 255 255;
  --color-black: 0 0 0;

  /* Brand */
  --color-brand-50: 240 249 255;
  --color-brand-100: 224 242 254;
  --color-brand-300: 125 211 252;
  --color-brand-400: 56 189 248;
  --color-brand-500: 14 165 233;
  --color-brand-600: 2 132 199;
  --color-brand-700: 3 105 161;
  --color-brand-900: 12 74 110;
  --color-brand-950: 8 47 73;

  /* Accents */
  --color-emerald-300: 110 231 183;
  --color-emerald-400: 52 211 153;
  --color-emerald-500: 16 185 129;
  --color-emerald-600: 5 150 105;
  --color-emerald-950: 2 44 34;

  --color-amber-100: 254 243 199;
  --color-amber-200: 253 230 138;
  --color-amber-300: 252 211 77;
  --color-amber-400: 251 191 36;
  --color-amber-500: 245 158 11;
    --color-amber-600: 217 119 6;
  --color-amber-700: 180 83 9;
  --color-amber-800: 146 64 14;
  --color-amber-900: 120 53 15;
--color-amber-950: 69 26 3;

  --color-rose-200: 254 205 211;
  --color-rose-300: 253 164 175;
  --color-rose-400: 251 113 133;
  --color-rose-500: 244 63 94;
  --color-rose-600: 225 29 72;
  --color-rose-950: 76 5 25;
}

[data-theme="moderna-light"] {
  /* Slate - Light (Inverted) */
  --color-slate-50: 2 6 23;
  --color-slate-100: 15 23 42;
  --color-slate-200: 30 41 59;
  --color-slate-300: 51 65 85;
  --color-slate-400: 71 85 105;
  --color-slate-500: 100 116 139;
  --color-slate-600: 148 163 184;
  --color-slate-700: 203 213 225;
  --color-slate-800: 226 232 240;
  --color-slate-900: 241 245 249;
  --color-slate-950: 255 255 255; /* Use pure white for backgrounds in light mode */

  --color-white: 15 23 42; /* Invert white text to very dark slate */
  --color-black: 255 255 255;

  /* Accent tweaks for light mode contrast if needed */
  --color-amber-950: 254 243 199; /* Invert the warning box background */
}


[data-theme="oldtimer-dark"] {
  /* Fonts */
  --font-sans: 'Tahoma', 'Segoe UI', 'Trebuchet MS', sans-serif;
  --font-mono: 'Consolas', 'Courier New', monospace;

  /* High Contrast Retro / Terminal */
  --color-slate-50: 0 0 0;
  --color-slate-100: 0 0 0;
  --color-slate-200: 0 0 0;
  --color-slate-300: 192 192 192;  /* Main Text (Silver) */
  --color-slate-400: 128 128 128;
  --color-slate-500: 128 128 128;
  --color-slate-600: 128 128 128;
  --color-slate-700: 255 255 255;  /* Borders */
  --color-slate-800: 0 0 0;        /* Hover */
  --color-slate-900: 0 0 0;        /* Panels */
  --color-slate-950: 0 0 0;        /* Main Background (Black) */

  --color-white: 255 255 255;      
  --color-black: 0 0 0;

  /* High Contrast Cyan/Blue */
  --color-brand-50: 0 255 255;
  --color-brand-100: 0 255 255;
  --color-brand-300: 0 255 255;
  --color-brand-400: 0 255 255;
  --color-brand-500: 0 128 128;    /* Teal */
  --color-brand-600: 0 128 128;
  --color-brand-700: 0 128 128;
  --color-brand-900: 0 128 128;
  --color-brand-950: 0 128 128;
}

/* Oldtimer specific visual overrides for buttons and cards */


[data-theme="oldtimer-dark"] .border-slate-800,
[data-theme="oldtimer-dark"] .border-slate-700 {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #ffffff !important; 
}

/* Windows 7 Aero Glass styling for Oldtimer Classic */
[data-theme="oldtimer-light"] {
  /* Fonts - Windows 7 defaults to Segoe UI */
  --font-sans: 'Segoe UI', 'Tahoma', 'Trebuchet MS', sans-serif;
  
  /* Aero Glass Base Backgrounds */
  --color-slate-950: 235 243 252;  /* Windows 7 explorer background (very light blue-white) */
  --color-slate-900: 255 255 255;  /* Content panels (pure white) */
  --color-slate-800: 220 230 244;  /* Aero borders / outlines */
  --color-slate-700: 171 193 222;  /* Darker borders */
  --color-slate-300: 0 51 153;     /* Aero Text (Dark Blue) */
  --color-slate-400: 30 57 91;     /* Secondary text */
  --color-slate-100: 0 0 0;        /* Bold text (black) */
  
  --color-white: 0 0 0;
  --color-black: 255 255 255;

  /* Classic Windows 7 Blue Accents */
  --color-brand-500: 24 131 215;   /* Aero Button Blue */
  --color-brand-600: 20 108 178;   /* Aero Button Blue Hover */
  --color-brand-400: 40 160 250;
  --color-brand-300: 100 190 255;
}

/* Aero Glass Header/Nav overrides */
[data-theme="oldtimer-light"] header {
  background: rgba(220, 235, 252, 0.6) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.8) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* Aero Windows / Cards */
[data-theme="oldtimer-light"] .bg-slate-900,
[data-theme="oldtimer-light"] .bg-slate-950\/50,
[data-theme="oldtimer-light"] .bg-slate-900\/50 {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid #aebfd1 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.9) !important;
}

/* Aero Buttons */
[data-theme="oldtimer-light"] .bg-brand-500,
[data-theme="oldtimer-light"] .from-brand-500 {
  background: linear-gradient(to bottom, #f2f6f9 0%, #e0e9f1 50%, #d1def0 51%, #e5eff8 100%) !important;
  border: 1px solid #7092be !important;
  color: #0c1a2e !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 1px 2px rgba(0,0,0,0.05) !important;
  border-radius: 4px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.8) !important;
}

[data-theme="oldtimer-light"] .bg-brand-500:hover,
[data-theme="oldtimer-light"] .from-brand-500:hover {
  background: linear-gradient(to bottom, #fefefe 0%, #ebf4fb 50%, #dcebfc 51%, #eaf4fc 100%) !important;
  border-color: #3c7fb1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 0 4px rgba(60, 127, 177, 0.5) !important;
}

/* Fix text colors that get hard-inverted in aero */
[data-theme="oldtimer-light"] .text-white {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="oldtimer-light"] .text-slate-300 {
  color: #1e395b !important;
}

[data-theme="oldtimer-light"] .text-slate-400 {
  color: #4a5c75 !important;
}

[data-theme="oldtimer-light"] h1, 
[data-theme="oldtimer-light"] h2, 
[data-theme="oldtimer-light"] h3 {
  color: #003399 !important;
}

/* Reset borders so it's not the flat Win98 style */
[data-theme="oldtimer-light"] .rounded-2xl,
[data-theme="oldtimer-light"] .rounded-xl,
[data-theme="oldtimer-light"] .rounded-lg {
  border-radius: 6px !important;
}