/* ============================================================================
   REGIONAL THEMES — CSS variable overrides per domain

   Each [data-theme] block sets the primary/accent colors for a region.
   Dark mode is the default. Light mode overrides are at the bottom.
   ============================================================================ */

/* ── Global (emerald green) ── */
[data-theme="global"],
[data-theme="default"] {
  --primary: 142 72% 45%;
  --accent: 142 72% 45%;
  --ring: 142 72% 45%;
}

/* ── Dispos (electric mint, cooler bg) ── */
[data-theme="dispos"] {
  --background: 200 10% 5%;
  --foreground: 160 10% 94%;
  --card: 200 10% 8%;
  --primary: 160 84% 45%;
  --primary-foreground: 200 10% 5%;
  --accent: 160 84% 45%;
  --muted: 200 8% 14%;
  --muted-foreground: 200 8% 58%;
  --border: 200 8% 16%;
  --ring: 160 84% 45%;
}

/* ── Amsterdam (Dutch orange) ── */
[data-theme="amsterdam"] {
  --background: 15 15% 5%;
  --foreground: 20 10% 93%;
  --card: 15 15% 8%;
  --primary: 18 85% 55%;
  --primary-foreground: 0 0% 100%;
  --accent: 18 85% 55%;
  --muted: 15 12% 13%;
  --muted-foreground: 15 10% 58%;
  --border: 15 12% 16%;
  --ring: 18 85% 55%;
}

/* ── Thailand (Thai gold) ── */
[data-theme="thailand"] {
  --background: 30 10% 5%;
  --foreground: 40 20% 93%;
  --card: 30 10% 8%;
  --primary: 42 92% 55%;
  --primary-foreground: 30 10% 5%;
  --accent: 42 92% 55%;
  --muted: 30 10% 14%;
  --muted-foreground: 30 10% 60%;
  --border: 30 10% 16%;
  --ring: 42 92% 55%;
}

/* ── Thailand Alt / ThaiDispos (gold, cooler bg) ── */
[data-theme="thailand-alt"] {
  --background: 220 8% 5%;
  --foreground: 40 15% 93%;
  --card: 220 8% 8%;
  --primary: 42 92% 55%;
  --primary-foreground: 220 8% 5%;
  --accent: 42 92% 55%;
  --muted: 220 8% 14%;
  --muted-foreground: 220 8% 58%;
  --border: 220 8% 16%;
  --ring: 42 92% 55%;
}

/* ── Illinois (Illinois blue) ── */
[data-theme="illinois"] {
  --background: 220 25% 5%;
  --foreground: 220 10% 94%;
  --card: 220 25% 8%;
  --primary: 210 100% 56%;
  --primary-foreground: 0 0% 100%;
  --accent: 210 100% 56%;
  --muted: 220 20% 13%;
  --muted-foreground: 220 10% 58%;
  --border: 220 20% 16%;
  --ring: 210 100% 56%;
}

/* ── Naperville (blue) ── */
[data-theme="naperville"] {
  --background: 220 15% 5%;
  --foreground: 220 8% 94%;
  --card: 220 15% 8%;
  --primary: 224 76% 52%;
  --primary-foreground: 0 0% 100%;
  --accent: 224 76% 52%;
  --muted: 220 12% 13%;
  --muted-foreground: 220 8% 58%;
  --border: 220 12% 16%;
  --ring: 224 76% 52%;
}

/* ── Bolingbrook (darker blue) ── */
[data-theme="bolingbrook"] {
  --background: 220 15% 5%;
  --foreground: 220 8% 94%;
  --card: 220 15% 8%;
  --primary: 226 83% 44%;
  --primary-foreground: 0 0% 100%;
  --accent: 226 83% 44%;
  --muted: 220 12% 13%;
  --muted-foreground: 220 8% 58%;
  --border: 220 12% 16%;
  --ring: 226 83% 44%;
}

/* ── Europe (teal) ── */
[data-theme="eu"] {
  --background: 170 12% 5%;
  --foreground: 170 8% 94%;
  --card: 170 12% 8%;
  --primary: 168 76% 32%;
  --primary-foreground: 0 0% 100%;
  --accent: 168 76% 32%;
  --muted: 170 10% 14%;
  --muted-foreground: 170 8% 58%;
  --border: 170 10% 16%;
  --ring: 168 76% 32%;
}

/* ── Nevada (purple/gold) ── */
[data-theme="nevada"] {
  --background: 260 12% 5%;
  --foreground: 260 8% 94%;
  --card: 260 12% 8%;
  --primary: 258 90% 66%;
  --primary-foreground: 0 0% 100%;
  --accent: 258 90% 66%;
  --muted: 260 10% 14%;
  --muted-foreground: 260 8% 58%;
  --border: 260 10% 16%;
  --ring: 258 90% 66%;
}

/* ── Oklahoma City (burnt orange) ── */
[data-theme="oklahoma-city"] {
  --background: 15 12% 5%;
  --foreground: 15 8% 94%;
  --card: 15 12% 8%;
  --primary: 21 90% 48%;
  --primary-foreground: 0 0% 100%;
  --accent: 21 90% 48%;
  --muted: 15 10% 14%;
  --muted-foreground: 15 8% 58%;
  --border: 15 10% 16%;
  --ring: 21 90% 48%;
}


/* ════════════════════════════════════════════════════════════════════════════
   LIGHT MODE OVERRIDES
   ════════════════════════════════════════════════════════════════════════════ */

.light[data-theme="dispos"] {
  --background: 200 20% 97%;
  --foreground: 200 10% 10%;
  --card: 0 0% 100%;
  --muted: 200 10% 92%;
  --muted-foreground: 200 8% 42%;
  --border: 200 10% 86%;
}

.light[data-theme="amsterdam"] {
  --background: 30 20% 97%;
  --foreground: 20 10% 10%;
  --card: 0 0% 100%;
  --muted: 30 10% 92%;
  --muted-foreground: 20 8% 42%;
  --border: 30 10% 86%;
}

.light[data-theme="thailand"],
.light[data-theme="thailand-alt"] {
  --background: 40 20% 97%;
  --foreground: 220 8% 10%;
  --card: 0 0% 100%;
  --muted: 40 10% 92%;
  --muted-foreground: 220 8% 42%;
  --border: 40 10% 86%;
}

.light[data-theme="illinois"],
.light[data-theme="naperville"],
.light[data-theme="bolingbrook"] {
  --background: 220 15% 97%;
  --foreground: 220 12% 10%;
  --card: 0 0% 100%;
  --muted: 220 10% 92%;
  --muted-foreground: 220 8% 42%;
  --border: 220 10% 86%;
}

.light[data-theme="eu"] {
  --background: 170 15% 97%;
  --foreground: 170 12% 10%;
  --card: 0 0% 100%;
  --muted: 170 10% 92%;
  --muted-foreground: 170 8% 42%;
  --border: 170 10% 86%;
}

.light[data-theme="nevada"] {
  --background: 260 12% 97%;
  --foreground: 260 12% 10%;
  --card: 0 0% 100%;
  --muted: 260 8% 92%;
  --muted-foreground: 260 8% 42%;
  --border: 260 8% 86%;
}

.light[data-theme="oklahoma-city"] {
  --background: 15 15% 97%;
  --foreground: 15 12% 10%;
  --card: 0 0% 100%;
  --muted: 15 10% 92%;
  --muted-foreground: 15 8% 42%;
  --border: 15 10% 86%;
}