/* !important: gatus's own .dark{} rule loads after this with equal
   specificity and would otherwise win. !important on the custom-property
   declaration takes the cascade regardless of load order. */
:root, .dark {
  --background: 251 14% 23% !important;          /* base */
  --foreground: 37 41% 90% !important;           /* text (cream) */
  --card: 253 13% 27% !important;                /* surface */
  --card-foreground: 37 41% 90% !important;
  --popover: 253 14% 19% !important;             /* overlay */
  --popover-foreground: 37 41% 90% !important;
  --primary: 26 66% 60% !important;              /* copper */
  --primary-foreground: 251 14% 23% !important;  /* base, for text on copper */
  --secondary: 252 13% 30% !important;           /* elevated */
  --secondary-foreground: 37 41% 90% !important;
  --muted: 253 13% 27% !important;
  --muted-foreground: 267 13% 67% !important;    /* text-muted */
  --accent: 252 13% 30% !important;
  --accent-foreground: 37 41% 90% !important;
  --border: 252 14% 33% !important;              /* border */
  --input: 252 14% 33% !important;
  --ring: 26 66% 60% !important;                 /* copper focus ring */
  --destructive: 352 66% 64% !important;         /* rose */
  --destructive-foreground: 37 41% 90% !important;
}
/* uptime/health bars are Tailwind greens (not shadcn vars): nudge to sage */
.bg-green-400, .bg-green-500, .bg-green-600 { background-color: hsl(125 45% 67%) !important; }