@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap'); :root { /* Brand colors come from injected in by Controller::frontendLayoutData() / BrandingPresenter. Tokens managed there: --brand-primary, --brand-secondary, --brand-accent, --bg-body, --bg-section, --bg-card, --border, --text-body, --text-muted, --text-heading, --link, --link-hover, --btn-primary-{bg,text,hover-bg}, --btn-secondary-{bg,text,hover-bg}, --footer-{bg,text,btn-bg,btn-hover}. Anything declared below is either non-color or a legacy alias kept for compatibility with templates that still reference old names. */ /* Legacy aliases — kept so older inline styles continue to work. The new system covers their semantics under different names. Why these exist as var() chains (not flat hex): - `--brand-navy` was the old name for the structural dark blue. Mapping to `--brand-primary` lets a brand-color change cascade. - `--brand-orange` was the old name for the accent color. Mapping to `--brand-accent` keeps theming consistent. - `--brand-orange-hover` keeps a hard-coded darker hex because the dynamic palette doesn't track per-color hover variants. Templates that need a hover-aware accent should still use this for now. The fallback hex on each var() handles the case where the dynamic