/* FenFlicks charcoal + amber, light and dark mode alike */
/* html: prefix beats Gatus's own :root/.dark rules, which load after this file */
html:root, html.dark {
  --background: 206 10% 13.5%; --foreground: 0 0% 93.3%;
  --card: 210 9% 22%; --card-foreground: 0 0% 93.3%;
  --popover: 210 9% 22%; --popover-foreground: 0 0% 93.3%;
  --primary: 41 89% 47.5%; --primary-foreground: 206 10% 13.5%;
  --secondary: 210 9% 22%; --secondary-foreground: 0 0% 93.3%;
  --muted: 210 9% 22%; --muted-foreground: 210 6% 68%;
  --accent: 213 9% 25%; --accent-foreground: 0 0% 93.3%;
  --border: 213 9% 25%; --input: 213 9% 25%; --ring: 41 89% 47.5%;
  --radius: 10px;
}
html, body { background: #1F2326; }
/* friends do not need the search / filter / sort box */
div.bg-card.rounded-lg.border:has(#search-input) { display: none !important; }
/* logo as a rounded tile; header subtitle is hard-coded in Gatus, so swap its text */
img[alt="Gatus"] { border-radius: 14px; }
div:has(> img[alt="Gatus"]) { background: transparent !important; border-radius: 14px; overflow: hidden; }
div:has(> img[alt="Gatus"]) + div > h1 + p { font-size: 0 !important; }
div:has(> img[alt="Gatus"]) + div > h1 + p::after { content: "Service status"; font-size: 0.875rem; }
body { font-family: "Fira Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }