@tailwind base;
@tailwind components;
@tailwind utilities;

/* Theme CSS Variables - Default Light */
:root,
:root.theme-default {
  --background: 255 255 255;
  --foreground: 17 24 39;
  --surface: 249 250 251;
  --surface-elevated: 255 255 255;
  --muted: 243 244 246;
  --muted-foreground: 107 114 128;
  --primary: 59 130 246;
  --primary-foreground: 255 255 255;
  --secondary: 229 231 235;
  --secondary-foreground: 31 41 55;
  --accent: 99 102 241;
  --accent-foreground: 255 255 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 231 235;
  --input: 229 231 235;
  --ring: 59 130 246;
}

/* Default Dark */
:root.dark,
:root.theme-default.dark {
  --background: 3 7 18;
  --foreground: 248 250 252;
  --surface: 15 23 42;
  --surface-elevated: 30 41 59;
  --muted: 51 65 85;
  --muted-foreground: 148 163 184;
  --primary: 96 165 250;
  --primary-foreground: 3 7 18;
  --secondary: 51 65 85;
  --secondary-foreground: 248 250 252;
  --accent: 129 140 248;
  --accent-foreground: 3 7 18;
  --destructive: 248 113 113;
  --destructive-foreground: 3 7 18;
  --border: 51 65 85;
  --input: 51 65 85;
  --ring: 96 165 250;
}

/* Forest Theme Light */
:root.theme-forest {
  --background: 255 255 255;
  --foreground: 20 83 45;
  --surface: 240 253 244;
  --surface-elevated: 255 255 255;
  --muted: 220 252 231;
  --muted-foreground: 101 163 13;
  --primary: 34 197 94;
  --primary-foreground: 255 255 255;
  --secondary: 187 247 208;
  --secondary-foreground: 22 101 52;
  --accent: 132 204 22;
  --accent-foreground: 255 255 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 187 247 208;
  --input: 187 247 208;
  --ring: 34 197 94;
}

/* Forest Theme Dark */
:root.theme-forest.dark {
  --background: 5 20 7;
  --foreground: 236 253 245;
  --surface: 6 78 59;
  --surface-elevated: 16 185 129;
  --muted: 52 211 153;
  --muted-foreground: 167 243 208;
  --primary: 52 211 153;
  --primary-foreground: 5 20 7;
  --secondary: 6 78 59;
  --secondary-foreground: 236 253 245;
  --accent: 163 230 53;
  --accent-foreground: 5 20 7;
  --destructive: 248 113 113;
  --destructive-foreground: 5 20 7;
  --border: 6 78 59;
  --input: 6 78 59;
  --ring: 52 211 153;
}

/* Sunset Theme Light */
:root.theme-sunset {
  --background: 255 255 255;
  --foreground: 154 52 18;
  --surface: 255 247 237;
  --surface-elevated: 255 255 255;
  --muted: 254 215 170;
  --muted-foreground: 194 65 12;
  --primary: 251 146 60;
  --primary-foreground: 255 255 255;
  --secondary: 253 186 116;
  --secondary-foreground: 124 45 18;
  --accent: 236 72 153;
  --accent-foreground: 255 255 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 253 186 116;
  --input: 253 186 116;
  --ring: 251 146 60;
}

/* Sunset Theme Dark */
:root.theme-sunset.dark {
  --background: 12 10 9;
  --foreground: 250 250 249;
  --surface: 68 64 60;
  --surface-elevated: 87 83 78;
  --muted: 120 113 108;
  --muted-foreground: 214 211 209;
  --primary: 251 146 60;
  --primary-foreground: 12 10 9;
  --secondary: 68 64 60;
  --secondary-foreground: 250 250 249;
  --accent: 244 114 182;
  --accent-foreground: 12 10 9;
  --destructive: 248 113 113;
  --destructive-foreground: 12 10 9;
  --border: 68 64 60;
  --input: 68 64 60;
  --ring: 251 146 60;
}