/* Charm brand tokens, mirrored from packages/brand/brand.css.
   custom.css is served before app.css, and Gatus declares its own tokens
   on `:root` and `:root.dark`, so each selector below carries one extra
   `html` to outrank them (0,1,1 and 0,2,1 respectively). */
html:root {
  --background: 43.6 100.0% 97.8%;
  --foreground: 232 23.1% 12.7%;
  --card: 43.6 100.0% 97.8%;
  --card-foreground: 232 23.1% 12.7%;
  --popover: 43.6 100.0% 97.8%;
  --popover-foreground: 232 23.1% 12.7%;
  --primary: 164.9 100.0% 32.0%;
  --primary-foreground: 232 23.1% 12.7%;
  --secondary: 324.4 100.0% 93.7%;
  --secondary-foreground: 232 23.1% 12.7%;
  --accent: 52.8 100.0% 78.6%;
  --accent-foreground: 232 23.1% 12.7%;
  --muted: 40 24.3% 92.7%;
  --muted-foreground: 240 2.9% 40.0%;
  --destructive: 4.2 76.5% 40.0%;
  --destructive-foreground: 43.6 100.0% 97.8%;
  --border: 45 14.8% 89.4%;
  --input: 45 14.8% 89.4%;
  --ring: 164.9 100.0% 32.0%;
}
html:root.dark {
  --background: 232 23.1% 12.7%;
  --foreground: 43.6 100.0% 97.8%;
  --card: 230.8 13.1% 19.4%;
  --card-foreground: 43.6 100.0% 97.8%;
  --popover: 230.8 13.1% 19.4%;
  --popover-foreground: 43.6 100.0% 97.8%;
  --primary: 164.9 100.0% 32.0%;
  --primary-foreground: 232 23.1% 12.7%;
  --secondary: 294.4 15.4% 40.8%;
  --secondary-foreground: 43.6 100.0% 97.8%;
  --accent: 53.5 66.0% 27.6%;
  --accent-foreground: 43.6 100.0% 97.8%;
  --muted: 230 11.1% 21.2%;
  --muted-foreground: 0 0.5% 63.7%;
  --destructive: 4.1 92.5% 68.8%;
  --destructive-foreground: 232 23.1% 12.7%;
  --border: 230 11.1% 21.2%;
  --input: 234.5 8.4% 25.7%;
  --ring: 164.9 100.0% 32.0%;
}
/* Health greens: Gatus hardcodes Tailwind utilities rather than tokens,
   so the green ramp is re-hued to the brand green. */
html .bg-green-50 {
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
html .bg-green-400 {
  background-color: rgb(74 222 185 / var(--tw-bg-opacity, 1));
}
html .bg-green-500 {
  background-color: rgb(34 197 156 / var(--tw-bg-opacity, 1));
}
html .bg-green-700 {
  background-color: rgb(21 128 101 / var(--tw-bg-opacity, 1));
}
html .hover\:bg-green-700:hover {
  background-color: rgb(21 128 101 / var(--tw-bg-opacity, 1));
}
html .border-green-200 {
  border-color: rgb(187 247 232 / var(--tw-border-opacity, 1));
}
html .border-green-500 {
  border-color: rgb(34 197 156 / var(--tw-border-opacity, 1));
}
html .border-green-600 {
  border-color: rgb(22 163 128 / var(--tw-border-opacity, 1));
}
html .text-green-500 {
  color: rgb(34 197 156 / var(--tw-text-opacity, 1));
}
html .text-green-600 {
  color: rgb(22 163 128 / var(--tw-text-opacity, 1));
}
html .text-green-700 {
  color: rgb(21 128 101 / var(--tw-text-opacity, 1));
}
html .text-green-800 {
  color: rgb(22 101 81 / var(--tw-text-opacity, 1));
}
html .dark .dark\:bg-green-600 {
  background-color: rgb(22 163 128 / var(--tw-bg-opacity, 1));
}
html .dark .dark\:bg-green-900 {
  background-color: rgb(20 83 67 / var(--tw-bg-opacity, 1));
}
html .dark .dark\:border-green-400 {
  border-color: rgb(74 222 185 / var(--tw-border-opacity, 1));
}
html .dark .dark\:border-green-700 {
  border-color: rgb(21 128 101 / var(--tw-border-opacity, 1));
}
html .dark .dark\:text-green-200 {
  color: rgb(187 247 232 / var(--tw-text-opacity, 1));
}
html .dark .dark\:text-green-300 {
  color: rgb(134 239 213 / var(--tw-text-opacity, 1));
}
html .dark .dark\:text-green-400 {
  color: rgb(74 222 185 / var(--tw-text-opacity, 1));
}
/* Upstream branding: no Gatus footer, and the logo is a light mark. */
footer {
  display: none;
}
html:not(.dark) img[alt="Gatus"] {
  filter: invert(1);
}