/* ============================================================================
LumicIQ — shared design tokens, base, and primitives.
Link this once and you get the house style; add page-specific layout on top.
Conventions:
- Design tokens are CSS custom properties on :root (use var(--gold) etc.).
- Reusable primitive classes are prefixed `lq-` so they never collide with
a page's own classes. Use them for the bits every page shares (wrapper,
masthead, eyebrow, headings, pills, chips, panels, section headers, footer);
write page-specific layout in the page's own