/* ==========================================================================
   Hotrod Wien — DARK THEME override
   Activated by `html.theme-dark` (set by hotrod.js: OS default + manual
   sun/moon toggle, persisted in localStorage).

   STRATEGY (mirror of theme-light): the v3 dark BANDS (hero/booking/reviews/
   CTA/footer/header) already paint dark from the inverse token set. What stays
   light by default is the MIDDLE body (experience, How-It-Works/reasons, fleet,
   route, FAQ) — it paints from the SURFACE/TEXT token set. Re-point those body
   tokens to dark here and the whole middle commits to dark, top-to-bottom.
   A few components hard-code --wb-ink/--wb-jet for borders/shadows on light;
   those are flipped to light below so they stay visible on dark.

   Load AFTER tokens.css + the Bricks inline CSS (same as theme-light.css).
   ========================================================================== */

/* ---- 1) Flip the body/surface token set → dark ---- */
html.theme-dark {
	--wb-bg:            var(--wb-c-jet,        #0B0B0C);
	--wb-surface:       var(--wb-c-asphalt,    #141416);
	--wb-surface-2:     var(--wb-c-asphalt-2,  #1B1B1F);
	--wb-cream:         var(--wb-c-asphalt,    #141416);
	--wb-lilac:         var(--wb-c-asphalt-2,  #1B1B1F);
	--wb-rose:          var(--wb-c-asphalt-2,  #1B1B1F);
	--wb-text:          var(--wb-c-on-dark,        #F4F2EF);
	--wb-muted:         var(--wb-c-on-dark-muted,  #A8A29A);
	--wb-subtle:        #8A857D;
	--wb-border:        var(--wb-c-on-dark-line,   #2A2A2E);
	--wb-border-strong: #3A3A40;
	--wb-link:          var(--wb-c-orange,     #FF6B00);
	--wb-on-surface:    var(--wb-c-on-dark,    #F4F2EF);
	/* hover/active tints must lighten (not darken) on a dark surface */
	--wb-surface-hover:  color-mix(in srgb, #ffffff 5%, var(--wb-surface));
	--wb-surface-active: color-mix(in srgb, #ffffff 9%, var(--wb-surface));
}

/* ---- 2) Body background (siteBackground = var(--wb-bg) → flips; force for safety) ---- */
html.theme-dark body { background: var(--wb-bg); }

/* ---- 3) Middle components that hard-code --wb-ink / --wb-jet (invisible on dark) ---- */
/* reasons: 2px ink top-rule + ink icon → light */
html.theme-dark .wb-reasons .rzn { border-top-color: #3A3A40; }
html.theme-dark .wb-reasons .rzn svg { color: var(--wb-c-on-dark); }
/* fleet card hover: jet hard-offset shadow → light hard-offset */
html.theme-dark .wb-fleet-card:hover { box-shadow: 10px 10px 0 0 var(--wb-c-on-dark); }
/* feature icon chip: keep the soft orange tint dark-friendly */
html.theme-dark .wb-feat .ib { background: rgba(255,107,0,.10); }
/* active route stop: lift off the dark body so the selection reads */
html.theme-dark .wb-route .stop.on { background: var(--wb-c-asphalt-2); }
/* finish-line checker on the (still dark) footer top — make it visible */
html.theme-dark .wb-checker { background: repeating-conic-gradient(rgba(255,255,255,.16) 0 25%, transparent 0 50%) 0 0/24px 24px; }

/* avoid a flash before hotrod.js paints */
html.theme-dark body { background: var(--wb-bg); }