/* Reviewed light themes: visual tokens only, no remote resources or injected CSS. */
.hero .slider-controls { max-width:calc(100% - 24px); flex-wrap:wrap; justify-content:center; border-radius:18px; }
.hero #slider-dots { flex-wrap:wrap; justify-content:center; }
@media(max-width:480px) { .hero .slider-controls { width:calc(100% - 24px); } .hero #slider-dots { order:5; width:100%; } .hero-content { padding-bottom:116px; } }
:root[data-storefront-theme="ocean"] { --theme-accent:#91caff; --theme-dark:#164c79; --theme-soft:#eef6ff; --theme-paper:#f4f7fb; --theme-banner:#173c60; }
:root[data-storefront-theme="festival"] { --theme-accent:#e5b5ed; --theme-dark:#64366b; --theme-soft:#fbf0fd; --theme-paper:#faf5fb; --theme-banner:#4b2854; }
:root:is([data-storefront-theme="ocean"],[data-storefront-theme="festival"]) { --cpa6-orange:var(--theme-accent); --orange:var(--theme-accent); --orange-dark:var(--theme-dark); --cpa6-orange-dark:var(--theme-dark); --teal:var(--theme-dark); --teal-dark:var(--theme-dark); --mint:var(--theme-soft); --paper:var(--theme-paper); }
html[data-storefront-theme]:not([data-storefront-theme="classic"]) .notice-bar { background:var(--theme-banner); }
html[data-storefront-theme]:not([data-storefront-theme="classic"]) :is(.brand-mark,.search button[type="submit"],.primary-button,.home-assistant-mark,.live-help-launcher>span) { background:var(--theme-accent); color:#202124; }
html[data-storefront-theme]:not([data-storefront-theme="classic"]) .search { border-color:var(--theme-dark); }
html[data-storefront-theme]:not([data-storefront-theme="classic"]) :is(.primary-nav button.active,.primary-nav .deal-link,.account-tool-group) { color:var(--theme-dark); }
html[data-storefront-theme]:not([data-storefront-theme="classic"]) :is(.hero,.pdp-price,.account-availability-note,.account-tool:hover,.hero .slider-controls) { background:var(--theme-soft); }
html[data-storefront-theme]:not([data-storefront-theme="classic"]) :is(.account-availability-note,.account-tool:hover) { border-color:var(--theme-dark); }
html[data-storefront-theme]:not([data-storefront-theme="classic"]) :is(.primary-button:hover,.hero .slider-controls>button:hover) { background:var(--theme-accent); color:#202124; }