:root {
  --background: 240 21% 15%;        /* mocha base */
  --foreground: 226 64% 88%;        /* mocha text */
  --card: 240 21% 12%;              /* mocha mantle */
  --card-foreground: 226 64% 88%;
  --popover: 240 21% 12%;
  --popover-foreground: 226 64% 88%;
  --primary: 267 84% 81%;           /* mocha mauve */
  --primary-foreground: 240 21% 15%;
  --secondary: 237 16% 23%;         /* mocha surface0 */
  --secondary-foreground: 226 64% 88%;
  --muted: 237 16% 23%;
  --muted-foreground: 228 24% 72%;  /* mocha subtext0 */
  --accent: 23 92% 75%;             /* mocha peach */
  --accent-foreground: 240 21% 15%;
  --destructive: 343 81% 75%;       /* mocha red */
  --destructive-foreground: 240 21% 15%;
  --border: 234 13% 31%;            /* mocha surface1 */
  --input: 234 13% 31%;
  --ring: 267 84% 81%;
  --radius: 0.5rem;
}
@media (prefers-color-scheme: light) {
  :root {
    --background: 220 23% 95%;      /* latte base */
    --foreground: 234 16% 35%;      /* latte text */
    --card: 220 22% 92%;
    --card-foreground: 234 16% 35%;
    --popover: 220 22% 92%;
    --popover-foreground: 234 16% 35%;
    --primary: 266 85% 58%;         /* latte mauve */
    --primary-foreground: 220 23% 95%;
    --secondary: 223 16% 83%;
    --secondary-foreground: 234 16% 35%;
    --muted: 223 16% 83%;
    --muted-foreground: 233 10% 47%;
    --accent: 22 99% 52%;           /* latte peach */
    --accent-foreground: 220 23% 95%;
    --destructive: 347 87% 44%;     /* latte red */
    --destructive-foreground: 220 23% 95%;
    --border: 225 14% 77%;
    --input: 225 14% 77%;
    --ring: 266 85% 58%;
  }
}
/* Healthy/Unhealthy badges — Gatus hardcodes some Tailwind green-*/red-*
   classes outside the shadcn token system. Override per scheme. */
.bg-green-100, .bg-green-200, .bg-green-500, .bg-green-600,
.text-green-700, .text-green-800, .border-green-500 {
  background-color: hsl(115 54% 76% / 1) !important;
  color: hsl(240 21% 15%) !important;
  border-color: hsl(115 54% 76%) !important;
}
.bg-red-100, .bg-red-200, .bg-red-500, .bg-red-600,
.text-red-700, .text-red-800, .border-red-500 {
  background-color: hsl(343 81% 75% / 1) !important;
  color: hsl(240 21% 15%) !important;
  border-color: hsl(343 81% 75%) !important;
}
@media (prefers-color-scheme: light) {
  .bg-green-100, .bg-green-200, .bg-green-500, .bg-green-600,
  .text-green-700, .text-green-800, .border-green-500 {
    background-color: hsl(109 58% 40%) !important;
    color: hsl(220 23% 95%) !important;
    border-color: hsl(109 58% 40%) !important;
  }
  .bg-red-100, .bg-red-200, .bg-red-500, .bg-red-600,
  .text-red-700, .text-red-800, .border-red-500 {
    background-color: hsl(347 87% 44%) !important;
    color: hsl(220 23% 95%) !important;
    border-color: hsl(347 87% 44%) !important;
  }
}