/* ══════════════════════════════════════════════════════════════ ITGS Design System · Canonical tokens Link FIRST in every . Pages may override any variable in their own :root block — later declarations win. ══════════════════════════════════════════════════════════════ */ :root { /* ── Backgrounds ─────────────────── */ --bg: #08070A; --bg2: #0C0A10; --bg3: #100E14; --obsidian: #130F17; /* ── Brand palette ───────────────── */ --red: #8E5D6D; --red-lt: #CFA1AE; --blue: #98A3B2; --blue-lt: #C9D2DE; --gray: #6A6272; --gray-lt: #AFA6BA; /* ── Text ────────────────────────── */ --text: #EDE8F2; --dim: #9A91A8; --mute: #5A5268; /* ── Borders ─────────────────────── */ --border: rgba(255,255,255,0.07); --border-r: rgba(207,161,174,0.24); --border-b: rgba(201,210,222,0.24); /* ── Type stack ──────────────────── */ --f: 'Outfit', sans-serif; --fs: 'Playfair Display', serif; --fb: 'Bebas Neue', sans-serif; /* ── Nav clearance (fixed nav height + gap) */ --nav-offset: 76px; }