html:root {
  color-scheme: light;
  --background: 0 0% 98.039216%;
  --foreground: 240 5.882353% 10%;
  --card: 0 0% 100%;
  --card-foreground: 240 5.882353% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 5.882353% 10%;
  --primary: 249.454545 100% 67.647059%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 4.761905% 95.882353%;
  --secondary-foreground: 240 5.882353% 10%;
  --muted: 240 4.761905% 95.882353%;
  --muted-foreground: 240 5.263158% 26.078431%;
  --accent: 240 4.761905% 95.882353%;
  --accent-foreground: 240 5.882353% 10%;
  --border: 240 5.882353% 10% / 0.12;
  --input: 240 5.882353% 10% / 0.12;
  --ring: 249.454545 100% 67.647059%;
  --radius: 0.75rem;
}
html:root.dark {
  color-scheme: dark;
  --background: 240 10% 3.921569%;
  --foreground: 0 0% 98.039216%;
  --card: 240 5.882353% 10%;
  --card-foreground: 0 0% 98.039216%;
  --popover: 240 5.882353% 10%;
  --popover-foreground: 0 0% 98.039216%;
  --primary: 249.454545 100% 67.647059%;
  --primary-foreground: 0 0% 100%;
  --ring: 249.454545 100% 67.647059%;
  --secondary: 240 3.703704% 15.882353%;
  --secondary-foreground: 0 0% 98.039216%;
  --muted: 240 3.703704% 15.882353%;
  --muted-foreground: 240 4.878049% 83.921569%;
  --accent: 240 3.703704% 15.882353%;
  --accent-foreground: 0 0% 98.039216%;
  --border: 0 0% 100% / 0.12;
  --input: 0 0% 100% / 0.12;
}
#global > .relative > header {
  background: hsl(var(--card));
}
#global header a h1 {
  font-size: 1.875rem;
  font-weight: 750;
  letter-spacing: -0.055em;
}
#global header a img {
  width: 2.5rem;
  height: 2.5rem;
}
footer a[href="https://gatus.io"] {
  color: hsl(var(--primary));
}
footer a[href="https://gatus.io"]:hover {
  text-decoration: underline;
}