/* ============================================================ LANSARY ESTATE — DESIGN TOKENS · Direction B "Instrument" The chassis is fixed; each vertical door overrides ONE accent. That single swap is the whole one-house-many-doors mechanism. All colour pairings WCAG-AA verified (script-checked, not asserted). Fonts: Inter + JetBrains Mono — SIL OFL, free, self-host on build. ============================================================ */ :root{ /* --- fixed chassis (every door shares these) --- */ --paper:#F7F4EE; /* warm paper — never stark white */ --paper-2:#EEEAE0; /* banded / panel tint */ --paper-3:#E6E0D2; /* deepest paper tint */ --ink:#1A1813; /* primary ink */ --ink-soft:#3A352A; /* secondary ink */ --mute:#6B6453; /* captions, meta (5.35:1 on paper) */ --line:#DDD6C8; /* hairlines, borders */ --line-soft:#E7E1D5; --invert:#15140F; /* dark sections / the instrument panel */ --invert-2:#1F1C16; --on-invert:#F7F4EE; --on-invert-mute:#B7A98C; --stone:#A89A82; /* warm field-neutral — DECORATIVE ONLY, never text */ /* --- the one accent (house default = signal burnt-orange) --- */ --accent:#C2410C; /* eyebrows on paper, rules, active, links (4.72:1) */ --accent-ink:#9A3412; /* fills / buttons / text on banded tint (6.66:1) */ --node:#F23C00; /* the lit "single point of dependency" mark */ /* --- type --- */ --font-display:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace; --fs-display:clamp(2.55rem,1.6rem + 3.6vw,3.5rem); --fs-h1:clamp(2.05rem,1.4rem + 2.6vw,2.85rem); --fs-h2:clamp(1.45rem,1.2rem + 1vw,1.7rem); --fs-h3:1.16rem; --fs-sub:clamp(1.02rem,0.98rem + .3vw,1.12rem); --fs-body:1.02rem; --fs-label:.69rem; /* --- structure --- */ --maxw:1140px; --gut:clamp(20px,5vw,40px); --radius:3px; --radius-2:2px; --shadow:0 8px 26px rgba(21,20,15,.09); --shadow-lift:0 14px 38px rgba(21,20,15,.13); --ease:cubic-bezier(.2,.6,.2,1); } /* ============================================================ PER-VERTICAL ACCENT OVERRIDES — set data-vertical on . Each is the fixed chassis + exactly one accent family. ============================================================ */ [data-vertical="defence"] { --accent:#0F5A60; --accent-ink:#0C4A50; --node:#16A0AB; } [data-vertical="aerospace"] { --accent:#1E467E; --accent-ink:#193A68; --node:#3E84D6; } [data-vertical="construction"] { --accent:#9A3412; --accent-ink:#7E2A0E; --node:#F2884E; } [data-vertical="nuclear"] { --accent:#6E5410; --accent-ink:#5A440C; --node:#D6A53A; } [data-vertical="energy"] { --accent:#176A56; --accent-ink:#125746; --node:#27B58E; } [data-vertical="space"] { --accent:#473A8C; --accent-ink:#3A2F73; --node:#8A78E0; } [data-vertical="rail"] { --accent:#7A2430; --accent-ink:#651D27; --node:#D65A6A; }