/* JuryQ brand tokens aligned with juror-web MUI themes */
:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 13%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 13%;
  --primary: 30 82% 55%;
  --primary-foreground: 0 0% 0%;
  --secondary: 80 52% 51%;
  --secondary-foreground: 0 0% 0%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 40%;
  --accent: 30 82% 95%;
  --accent-foreground: 0 0% 13%;
  --border: 0 0% 88%;
  --ring: 30 82% 55%;
  --radius: 1rem;
}

:root.dark {
  --background: 0 0% 7%;
  --foreground: 0 0% 98%;
  --card: 0 0% 12%;
  --card-foreground: 0 0% 98%;
  --primary: 30 82% 55%;
  --primary-foreground: 0 0% 0%;
  --secondary: 80 52% 51%;
  --secondary-foreground: 0 0% 0%;
  --muted: 0 0% 16%;
  --muted-foreground: 0 0% 65%;
  --accent: 30 40% 16%;
  --accent-foreground: 0 0% 98%;
  --border: 0 0% 20%;
  --ring: 30 82% 55%;
}

#global,
.dashboard-container {
  font-family: "Metropolis", "Roboto", "Helvetica", "Arial", sans-serif;
}

/* Light/dark logo swap (Gatus renders a single logo URL) */
header a .w-12.h-12 {
  background: url("/assets/JQ_Full_Black.svg") center / contain no-repeat;
  width: 9rem;
  height: 3rem;
}

header a .w-12.h-12 img {
  opacity: 0;
}

html.dark header a .w-12.h-12 {
  background-image: url("/assets/JQ_Full_White.svg");
}

header h1 {
  color: hsl(var(--foreground));
}

header p.text-sm.text-muted-foreground {
  display: none;
}

.endpoint-group,
.endpoint {
  border-radius: 1rem;
}

.endpoint-group-header {
  border-radius: 1rem 1rem 0 0;
}

footer a[href="https://gatus.io"] {
  color: hsl(var(--primary)) !important;
}

footer a[href="https://gatus.io"]:hover {
  color: hsl(var(--primary) / 0.85) !important;
}