/* --- 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;

  /* 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-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-light"] {
  /* Fonts */
  --font-sans: 'Tahoma', 'Segoe UI', 'Trebuchet MS', sans-serif;
  --font-mono: 'Consolas', 'Courier New', monospace;

  /* Classic Windows 7 / Win32 Grays */
  --color-slate-50: 255 255 255;
  --color-slate-100: 255 255 255;
  --color-slate-200: 255 255 255;
  --color-slate-300: 0 0 0;        /* Main Text */
  --color-slate-400: 64 64 64;
  --color-slate-500: 105 105 105;
  --color-slate-600: 160 160 160;
  --color-slate-700: 160 160 160;  /* Borders */
  --color-slate-800: 227 227 227;  /* Hover / Elevated */
  --color-slate-900: 255 255 255;  /* Panels */
  --color-slate-950: 240 240 240;  /* Main Background */

  --color-white: 0 0 0;            /* Invert white text */
  --color-black: 255 255 255;

  /* Classic System Blue */
  --color-brand-50: 235 244 254;
  --color-brand-100: 204 228 247;
  --color-brand-300: 153 204 255;
  --color-brand-400: 51 153 255;
  --color-brand-500: 0 84 227;     /* WinXP Luna Blue */
  --color-brand-600: 0 51 153;
  --color-brand-700: 0 34 102;
  --color-brand-900: 0 17 51;
}

[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;
}

/* Oldtimer specific visual overrides for buttons and cards */
[data-theme="oldtimer-light"] .rounded-2xl,
[data-theme="oldtimer-dark"] .rounded-2xl,
[data-theme="oldtimer-light"] .rounded-xl,
[data-theme="oldtimer-dark"] .rounded-xl,
[data-theme="oldtimer-light"] .rounded-lg,
[data-theme="oldtimer-dark"] .rounded-lg {
  border-radius: 0 !important; /* Sharp corners for win32 */
}

[data-theme="oldtimer-light"] .border-slate-800,
[data-theme="oldtimer-light"] .border-slate-700 {
  border-style: inset !important;
  border-width: 2px !important;
  border-color: #dfdfdf #808080 #808080 #dfdfdf !important; /* Win32 3D effect */
}

[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; 
}