/* StoreGod storefront theme — ONE token set for every customer-facing page. LIGHT is the default (the record-shop look); dark via . Pages reference ONLY these vars (both historic naming families are defined). Boot snippet: The shared header (storefront-header.js) renders the ☀/🌙 toggle. */ :root{ --primary:#d81b60; --accent:#0b8f5c; --ok:#188544; --warn:#c94f2a; --bg:#f7f5f1; --panel:#ffffff; --card:#ffffff; --text:#1a1b1f; --fg:#1a1b1f; --mut:#686b73; --muted:#686b73; --line:#e5e2da; --radius:12px; --font:system-ui; --chipbg:rgba(0,0,0,.045); --shadow:rgba(25,22,18,.14); --onprimary:#ffffff; color-scheme:light; } [data-theme="dark"]{ --primary:#ff5db1; --accent:#46d18a; --ok:#4caf50; --warn:#e0653a; --bg:#0c0c0e; --panel:#141418; --card:#171a21; --text:#f0f0f2; --fg:#f0f0f2; --mut:#8a8a98; --muted:#9aa3b2; --line:#26262c; --chipbg:rgba(255,255,255,.05); --shadow:rgba(0,0,0,.5); --onprimary:#10070c; color-scheme:dark; } body{background:var(--bg);color:var(--text)}