html:root {
  --background: 0 0% 100%; --foreground: 0 0% 0%;
  --card: 0 0% 100%; --card-foreground: 0 0% 0%;
  --muted-foreground: 0 0% 45%; --border: 0 0% 90%; --input: 0 0% 90%;
  --ring: 0 0% 45%; --radius: 0.5rem;
}
html:root.dark {
  --background: 0 0% 0%; --foreground: 0 0% 100%;
  --card: 0 0% 4%; --card-foreground: 0 0% 100%;
  --popover: 0 0% 4%; --popover-foreground: 0 0% 100%;
  --primary: 0 0% 100%; --primary-foreground: 0 0% 0%;
  --secondary: 0 0% 10%; --secondary-foreground: 0 0% 100%;
  --muted: 0 0% 10%; --muted-foreground: 0 0% 64%;
  --accent: 0 0% 10%; --accent-foreground: 0 0% 100%;
  --border: 0 0% 15%; --input: 0 0% 15%; --ring: 0 0% 64%;
}
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
a:hover { color: #e5261f; }
/* The header subtitle is fixed in Gatus ("System Monitoring Dashboard"): show "status" instead */
header h1 + p.text-sm { font-size: 0; }
header h1 + p.text-sm::after { content: "status"; font-size: 0.875rem; }