/* ── Ikwe HQ — shared design system ───────────────────────────────────────── One canonical token set for every HQ page. Loaded LAST in so these :root values win over each page's local tokens — unifying color + type across the working app and all standalone pages without rewriting their layouts. Added 2026-07-06. */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap'); :root{ /* surfaces */ --bg:#faf8f5; --off:#faf8f5; --paper:#faf8f5; --card:#fff; --surface:#fff; --bg2:#f3f0ea; --bg3:#e8e4de; /* brand + accents */ --navy:#243b53; --coral:#F7A192; --hot:#F7A192; --teal:#5DCAA5; --lav:#B894F6; --lavender:#B894F6; --cream:#F6D993; --amber:#e0a458; --red:#d4646e; --green:#4cae8f; --blue:#5b8def; /* ink / text */ --ink:#1f2937; --ink2:#4b5563; --ink3:#9aa3af; --ink4:#b4b2a9; --muted:#9aa3af; /* lines */ --rule:#ece7e0; --rule2:#dcd5cb; --line:#ece7e0; /* type */ --sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace; --serif:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; /* serif retired — all-sans per design decision 2026-07-06 */ /* shape */ --radius:8px; --radius-lg:12px; } /* gentle, non-structural base — improves consistency without touching layouts */ html{ -webkit-text-size-adjust:100%; } body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } a{ transition:color .12s ease; } button, input, select, textarea{ font-family:var(--sans); } :focus-visible{ outline:2px solid var(--teal); outline-offset:1px; } ::selection{ background:rgba(247,161,146,.28); }