:root{
color-scheme:dark;
--bg:#0b0f1a;--surface:#131a2b;--text:#e8ecf7;--muted:#8b95b0;
--primary:#6ee7c8;--on-primary:#0b0b10;--accent:#7c9cff;--on-accent:#0b0b10;
--surface-2:color-mix(in srgb,var(--surface) 86%,var(--text) 14%);
--border:color-mix(in srgb,var(--text) 14%,transparent);
--border-strong:color-mix(in srgb,var(--text) 26%,transparent);
--primary-soft:color-mix(in srgb,var(--primary) 16%,transparent);
--success:#4ade80;--danger:#fb7185;--warning:#fbbf24;
--r-sm:10px;--r-md:16px;--r-lg:24px;--space:1;
--font-heading:"Avenir Next", Avenir, "Century Gothic", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* owner CSS */
/* --- self-hosted mono font for eyebrow/kicker text --- */
@font-face{font-family:"StoreMono";src:url("/media/brand/fonts/ibm-plex-mono.woff2") format("woff2");font-display:swap}
:root{--font-mono:"StoreMono",ui-monospace,monospace}
.eyebrow{font-family:var(--font-mono);letter-spacing:.12em}
/* shop theme: grand_opening */
:root{--primary:#22e5ff;--accent:#ff5cf0;--on-primary:#0b0b10;--on-accent:#0b0b10;}
.promo-theme{background:linear-gradient(90deg,#0e7490,#a21caf);color:#fff}
.promo-theme a,.promo-theme .promo-btn{color:#fff}
@keyframes promo-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}.promo-theme{animation:promo-pulse 3s ease-in-out infinite}