/* ---------- wax — record shop: warm paper by day, after-hours charcoal by night.
   The colours are split by mode so the day/night control actually does something;
   only the typography and hard edges are shared. ---------- */
/* shared, mode-agnostic */
body.t-wax .sf-name { text-transform: uppercase; letter-spacing: 0.24em; font-weight: 800; font-size: 15px; }
body.t-wax .sf-cart { text-transform: uppercase; letter-spacing: 0.12em; font-size: 11px; font-weight: 700; }
body.t-wax .sf-cart .badge { border-radius: 0; box-shadow: none; color: #141311; }
body.t-wax .btn.brand { border-radius: 0; text-transform: uppercase; letter-spacing: 0.16em; font-weight: 700; font-size: 11px; padding: 14px 28px; box-shadow: none; color: #141311; }
body.t-wax .sc-hero { min-height: 82vh; }
body.t-wax .sc-hero h1 { text-transform: uppercase; letter-spacing: 0.04em; font-weight: 800; font-size: clamp(28px, 5.6vw, 66px); line-height: 1.06; }
body.t-wax .sc-hero p { text-transform: uppercase; letter-spacing: 0.18em; font-size: 11.5px; font-weight: 600; }
body.t-wax .sc-h2 { text-transform: uppercase; letter-spacing: 0.22em; font-weight: 800; font-size: clamp(13px, 1.6vw, 16px); text-align: left; }
body.t-wax .sc-banner { border-radius: 0; }
body.t-wax .sc-banner h2 { text-transform: uppercase; letter-spacing: 0.05em; font-weight: 800; }
body.t-wax .co-h1 { text-transform: uppercase; letter-spacing: 0.22em; font-weight: 800; text-align: center; }
body.t-wax .product-card, body.t-wax .product-card .ph, body.t-wax .co-page .card,
body.t-wax .pdp .ph, body.t-wax .sc-field input, body.t-wax .sc-field textarea { border-radius: 0; }

/* DAY — warm paper, the shop with the door open */
body.t-wax { background: #f7f3ea; --surface: #ffffff; --surface-2: #f1ebde; --line: #e3dbcc; --heading: #241f19; --muted: #7d7264; --text: #4a4238; }
body.t-wax .sf-header { background: rgba(247, 243, 234, 0.9); border-bottom: 1px solid #e3dbcc; }
body.t-wax .sc-mas-media { background: #f1ebde; }
body.t-wax .sf-footer { border-top: 1px solid #e3dbcc; }

/* NIGHT — the after-hours charcoal the template is named for */
html[data-theme="dark"] body.t-wax { background: #141311; --surface: #1c1a17; --surface-2: #221f1b; --line: #2c2823; --heading: #f4efe6; --muted: #9d9486; --text: #cfc6b8; }
html[data-theme="dark"] body.t-wax .sf-header { background: rgba(20, 19, 17, 0.9); border-bottom: 1px solid #2c2823; }
html[data-theme="dark"] body.t-wax .sf-search input,
html[data-theme="dark"] body.t-wax .sc-field input,
html[data-theme="dark"] body.t-wax .sc-field textarea { background: #1c1a17; border-color: #2c2823; color: #e8e0d3; }
html[data-theme="dark"] body.t-wax .sc-mas-media { background: #1c1a17; }
html[data-theme="dark"] body.t-wax .product-card { background: #1c1a17; border-color: #2c2823; }
html[data-theme="dark"] body.t-wax .product-card .ph { background: #221f1b; }
html[data-theme="dark"] body.t-wax .co-page .card { background: #1c1a17; border-color: #2c2823; }
html[data-theme="dark"] body.t-wax .pdp .ph { background: #1c1a17; border-color: #2c2823; }
html[data-theme="dark"] body.t-wax .sf-footer { border-top: 1px solid #2c2823; }