/* SigmaBoy admin palette — generated from logo.png */
:root {
  --background: 210 40% 99%;
  --foreground: 222 52% 11%;
  --muted: 213 38% 95%;
  --muted-foreground: 219 20% 45%;
  --card: 0 0% 100%;
  --card-foreground: 222 52% 11%;
  --popover: 0 0% 100%;
  --popover-foreground: 222 52% 11%;
  --border: 214 38% 89%;
  --input: 214 38% 89%;
  --ring: 220 100% 56%;
  --primary: 220 100% 52%;
  --primary-foreground: 0 0% 100%;
  --secondary: 213 38% 95%;
  --secondary-foreground: 222 52% 11%;
  --accent: 205 90% 94%;
  --accent-foreground: 220 100% 32%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --radius: 0.65rem;
}

.dark {
  --background: 224 52% 6%;
  --foreground: 213 100% 97%;
  --muted: 220 38% 15%;
  --muted-foreground: 219 34% 67%;
  --card: 222 50% 9%;
  --card-foreground: 213 100% 97%;
  --popover: 222 50% 10%;
  --popover-foreground: 213 100% 97%;
  --border: 219 42% 18%;
  --input: 219 42% 16%;
  --ring: 199 93% 60%;
  --primary: 220 100% 60%;
  --primary-foreground: 224 52% 6%;
  --secondary: 220 38% 15%;
  --secondary-foreground: 213 100% 97%;
  --accent: 220 45% 18%;
  --accent-foreground: 199 93% 75%;
  --destructive: 0 72% 45%;
  --destructive-foreground: 0 0% 100%;
}

/*
 * Brand mark. The bundle's placeholder is a tinted, ring-bordered span
 * wrapping a decorative icon; the logo already carries its own glow ring,
 * so the tint and ring come off and the artwork fills the span at
 * whatever size the call site picked (size-8 / size-9 / size-12).
 */
span.bg-primary\/10.ring-primary\/20 {
  background-color: transparent !important;
  background-image: url('/brand/logo.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none !important;
  border-radius: 9999px !important;
}

span.bg-primary\/10.ring-primary\/20 > * {
  display: none !important;
}

/* Echo the logo's glow behind the login screen's brand panel. */
aside.bg-muted\/30 {
  background-image:
    radial-gradient(60% 45% at 18% 12%, hsl(220 100% 52% / 0.18), transparent 70%),
    radial-gradient(50% 40% at 85% 88%, hsl(199 93% 60% / 0.12), transparent 70%);
}

/*
 * Drop the framework's marketing line ("The modern admin panel for any
 * stack."). It comes from the `auth:tagline` translation, which has no
 * override hook, and it is the only paragraph in that brand panel — the
 * login form's own subtitle sits in <main>, so it is unaffected.
 */
aside.bg-muted\/30 > p.max-w-md {
  display: none;
}

/*
 * Brand mark above the login form, at 3x the framework's `size-9`
 * (2.25rem). Scoped to the login header so the sidebar and the loading
 * splash keep their own scale.
 */
.mb-8.flex-col.items-center > span.bg-primary\/10.ring-primary\/20 {
  width: 6.75rem;
  height: 6.75rem;
}