:root {
  --primary: 207 60% 23%;
  --primary-foreground: 0 0% 100%;
  --secondary: 30 86% 60%;
  --secondary-foreground: 207 60% 12%;
  --ring: 207 60% 23%;
}

:root.dark {
  --primary: 207 80% 79%;
  --primary-foreground: 207 60% 12%;
  --background: 207 60% 12%;
  --ring: 207 80% 79%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Hide the URL hostname (internal Prometheus service name) from
   endpoint cards — it leaks internal infra and adds noise for
   public visitors. We keep the group label (first span). */
.endpoint .endpoint-header div.flex.items-center > span:not(:first-child) {
  display: none;
}

/* Hide the hardcoded "System Monitoring Dashboard" subtitle Gatus
   injects under the header when buttons are configured. Targeted
   via the header's h1.text-2xl sibling (the dashboard h1 is
   text-4xl so it's untouched). */
h1.text-2xl + p.text-sm.text-muted-foreground {
  display: none;
}

/* Recolor the footer "Powered by Gatus" link from emerald to
   the Keyban primary so the only branded link in the footer
   matches the rest of the page. */
footer a[href*="gatus.io"] {
  color: hsl(var(--primary));
}