/**
 * Audrey theme – colour scheme to complement the dark logo.
 * Overrides the blue primary palette with a slate/charcoal tone (oklch).
 */
:root,
[data-theme="theme-default"] {
  /* Slate primary (pairs with dark logo) – overrides --color-blue-* used by --primary-* */
  --color-blue-50: oklch(98% .004 255);
  --color-blue-100: oklch(95% .008 255);
  --color-blue-200: oklch(90% .012 255);
  --color-blue-300: oklch(82% .018 255);
  --color-blue-400: oklch(65% .022 255);
  --color-blue-500: oklch(55% .025 255);
  --color-blue-600: oklch(47% .026 255);
  --color-blue-700: oklch(40% .024 255);
  --color-blue-800: oklch(34% .02 255);
  --color-blue-900: oklch(28% .016 255);
  --color-blue-950: oklch(18% .012 255);
}

/* Auth sidebar: keep active theme icon stroke white (including when Light is selected) */
[data-auth-theme-pill] button[data-hs-theme-click-value="default"] svg,
[data-auth-theme-pill] button[data-hs-theme-click-value="dark"] svg,
[data-auth-theme-pill] button[data-hs-theme-click-value="auto"] svg {
  stroke: white;
}

/* Auth theme pill: always show ring on the selected option; System = default on page load */
html.auto .auth-theme-pill button[data-hs-theme-click-value="auto"],
html.dark:not(.auto) .auth-theme-pill button[data-hs-theme-click-value="dark"],
html.default .auth-theme-pill button[data-hs-theme-click-value="default"],
html.light:not(.auto) .auth-theme-pill button[data-hs-theme-click-value="default"] {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

/* Auth sidebar: fixed logo size so it is never scaled up (avoids bad quality) */
img.auth-logo-img {
  width: auto !important;
  max-width: 170px !important;
  height: auto !important;
}