html:root, html:root.dark {
  --background: 252 26.3% 3.7%; --foreground: 252 26.3% 96.3%;
  --card: 248 19% 8.2%; --card-foreground: 252 26.3% 96.3%;
  --popover: 251 18.6% 11.6%; --popover-foreground: 252 26.3% 96.3%;
  --primary: 77 99.2% 50%; --primary-foreground: 60 25% 3.1%;
  --secondary: 251 18.6% 11.6%; --secondary-foreground: 252 26.3% 96.3%;
  --muted: 251 18.6% 11.6%; --muted-foreground: 250 9.7% 63.5%;
  --accent: 253 17.9% 15.3%; --accent-foreground: 252 26.3% 96.3%;
  --border: 253 11.7% 15.1%; --input: 253 11.7% 15.1%; --ring: 77 99.2% 50%;
  --radius: 0.75rem;
}
html, body { background: #08070c; color-scheme: dark; }
.bg-green-500 { background-color: #b7fe01 !important; color: #0a0a06 !important; }
.text-green-500, .text-green-600 { color: #b7fe01 !important; }
header a > div.w-12 { width: auto !important; height: 32px !important; }
header a > div.w-12 img { height: 32px !important; width: auto !important; max-width: none !important; }
footer a { color: #b7fe01 !important; }
/* o subtítulo do cabeçalho é fixo no Gatus 5.37 ("System Monitoring Dashboard"): troca por CSS */
header a .text-muted-foreground { font-size: 0 !important; }
header a .text-muted-foreground::after { content: "Live service health"; font-size: 0.875rem; }
#settings > div > div.h-5, #settings > div > button:nth-of-type(2) { display: none !important; }