/**
 * Audrey marketing theme – turquoise/cyan primary on Preline vibrancy tokens.
 * Overrides --color-blue-* (mapped to primary in preline-pro-vibrancy) for buttons, links, accents.
 */
:root,
[data-theme="theme-default"] {
  /* Turquoise / cyan primary ramp (hue ~200, readable on white + dark navbar) */
  --color-blue-50: oklch(98% .02 200);
  --color-blue-100: oklch(95% .04 200);
  --color-blue-200: oklch(90% .07 200);
  --color-blue-300: oklch(82% .1 200);
  --color-blue-400: oklch(72% .12 200);
  --color-blue-500: oklch(62% .14 198);
  --color-blue-600: oklch(52% .13 198);
  --color-blue-700: oklch(44% .11 198);
  --color-blue-800: oklch(36% .09 198);
  --color-blue-900: oklch(30% .07 198);
  --color-blue-950: oklch(22% .05 198);
}

/* 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;
}