/* DBS/Auth pink theme for Authelia 4.39.x portal (Tailwind v4 + CSS variables).
   Injected by Apache mod_substitute; body[data-theme] (0,1,1) beats Authelia's
   :root,[data-theme=light] (0,1,0) regardless of load order. */
body[data-theme] {
  --background: oklch(97% .02 350);
  --foreground: oklch(25% .03 350);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(25% .03 350);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(25% .03 350);
  --primary: oklch(62% .22 352);          /* hot pink buttons/links/focus */
  --primary-foreground: oklch(100% 0 0);
  --secondary: oklch(55% .2 330);
  --secondary-foreground: oklch(100% 0 0);
  --muted: oklch(95% .025 350);
  --muted-foreground: oklch(45% .04 350);
  --accent: oklch(94% .04 350);
  --accent-foreground: oklch(25% .03 350);
  --border: oklch(88% .05 350);
  --input: oklch(85% .06 350);
  --ring: oklch(62% .22 352);
  --radius: .9rem;
  --custom-icon: oklch(62% .22 352);
  --custom-loading-bar: oklch(62% .22 352);
  --divider: oklch(62% .22 352 / .15);
  color-scheme: light;
}
body[data-theme] { background-image: radial-gradient(circle at 20% 0%, oklch(92% .06 350), transparent 60%); background-attachment: fixed; }

/* One-time-password screen: the countdown pie and the six digit boxes use
   hardcoded black / inline borders instead of the theme variables. */
body[data-theme] svg [stroke="#000"] { stroke: var(--primary); }
body[data-theme] svg [fill="#000"] { fill: var(--primary); }
body[data-theme] input[id^="_r_"]:not([id$="-hidden-input"]) {
  border-color: var(--input) !important;
  border-radius: .6rem !important;
  background: var(--card);
}
body[data-theme] input[id^="_r_"]:not([id$="-hidden-input"]):focus {
  border-color: var(--primary) !important;
  outline: 2px solid oklch(62% .22 352 / .3) !important;
}