/* ══════════════════════════════════════════════════════════════════ LA VALETTE BOUTIQUE — LEGACY PAGE MAPPING LAYER ────────────────────────────────────────────────────────────────── Layer 2 of 2. Requires design-system.css to be loaded first. These pages were built on the previous dark theme and use their own short class names (.sec, .sk, .bc, .fd, .ncta …). Rather than touch a single line of their markup, this layer restyles those existing class names using homepage tokens. No HTML changes, no content changes. SECTION 1 remaps the old dark-theme CSS variables onto the new light palette. This matters because some markup carries inline styles like color:var(--iv,#F2EDE2). Because the variable is now DEFINED, the hard-coded dark-theme fallback never applies — the inline style silently resolves to the correct light-theme colour. That removes the need for dozens of !important overrides. ══════════════════════════════════════════════════════════════════ */ /* ═══ 1. LEGACY TOKEN REMAP ═══ */ :root { --iv: var(--ink); /* was ivory #F2EDE2 */ --ivory: var(--ink); --bn: var(--ink-70); /* was bone #C8C0B0 */ --bone: var(--ink-70); --as: var(--ink-55); /* was ash #7A7268 */ --ash: var(--ink-55); --am: var(--sage); /* was amber #B89970 */ --amber: var(--sage); --am2: var(--sage-dk); --amber-lt: var(--sage-dk); --gold: var(--sage); --gold2: var(--sage-dk); --su: var(--cream); /* was surface #141210 */ --wm: var(--travertine); /* was warm #1A1714 */ --bd: var(--border-lt); --text-color: var(--ink-70); --mn-ivory: var(--ink); --mn-bone: var(--ink-70); --mn-ash: var(--ink-55); --mn-amber: var(--sage); --mn-border: var(--border-lt); } /* ═══ 2. NAVIGATION ═══ SCOPED TO nav#nav DELIBERATELY. These pages contain three