/* Hand-tuned dark theme tweaks that the colour mapping in scripts/build-dark-theme.mjs can't infer.
   Loaded after the generated public/theme-dark.css. */

/* Active carousel dot uses the text colour as a fill; keep it a brand fill in dark. */
html.dark .hero-carousel-arrow.active { background: #2166d5; border-color: #2166d5; color: #fff; }

/* Blueprint artwork, floor plans and parking maps are drawn on white. Invert + a 180deg hue turn
   keeps the same blues on a black canvas, and `lighten` lets the dark surface show through. */
html.dark .hero-art,
html.dark .card-art,
html.dark .booking-card .card-art,
html.dark .page-hero-art,
html.dark .meal-option-art img,
html.dark .brand-logo img,
html.dark .parking-intro-map img,
html.dark .basement-card-map img,
html.dark .parking-overview > img,
html.dark .location-minimap img,
html.dark svg image {
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: lighten;
}

/* Photos stay photos, just dimmed so they sit on the dark UI. */
html.dark .home-hero-photo,
html.dark .auth-photo { mix-blend-mode: normal; filter: brightness(.7); }

html.dark ::-webkit-scrollbar-thumb { background: #2d3e52; }
html.dark ::-webkit-scrollbar-track { background: transparent; }