/* ========================================================= SHOP SURFACE TOKENS · .ec-shop Hvit + navy enterprise-palett. Scoped til slik at corp-tokens aldri lekker inn på shop-flaten. ========================================================= */ .ec-shop { /* Surface palette */ --shop-bg: #FFFFFF; --shop-surface: #F7F8FA; --shop-surface-2: #F1F3F6; --shop-line: #E6E8EC; --shop-line-2: #EEF0F4; --shop-navy: #0F1B2D; --shop-navy-2: #18253B; --shop-navy-ink: #1F2D47; --shop-navy-soft: #EAEEF5; --shop-success: #0E7C4A; --shop-success-soft: #E7F4EE; --shop-warn: #B45309; --shop-warn-soft: #FEF3E2; --shop-sale: var(--ec-red); --shop-sale-soft: var(--ec-red-soft); /* Generic role-tokens — komponenter referer disse, ikke surface-direkte */ --bg: var(--shop-bg); --bg-elev: #FFFFFF; --accent: var(--shop-navy); --accent-soft: var(--shop-navy-soft); --text: var(--ec-ink); --text-mute: var(--ec-mute); --line: var(--shop-line); --btn-bg: var(--shop-navy); --btn-fg: #FFFFFF; --btn-radius: var(--r-md); /* Type-defaults for shop */ font-family: var(--font-ui); color: var(--ec-ink); background: var(--shop-bg); font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }