/* ============================================================ TYPOGRAPHY — Anton (display) / Manrope (body+UI) / Poppins (hero accent wrapper) / Miriam Libre (tracked meta labels) Font files loaded via Google Fonts in index.html . ============================================================ */ body { font-family: var(--font-body); font-weight: 400; color: var(--color-ink); } /* ---- Display headings (Anton) ---- */ .display-2xl, .display-xl, .display-lg, .display-md, .display-sm { font-family: var(--font-display); font-weight: 400; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1; } .display-2xl { font-size: var(--fs-display-2xl); } .display-xl { font-size: var(--fs-display-xl); } .display-lg { font-size: var(--fs-display-lg); } .display-md { font-size: var(--fs-display-md); } .display-sm { font-size: var(--fs-display-sm); } /* ---- Body copy ---- */ .text-xl { font-size: var(--fs-xl); line-height: 1.4; } .text-lg { font-size: var(--fs-lg); line-height: 1.6; } .text-md { font-size: var(--fs-md); line-height: 1.75; } .text-sm { font-size: var(--fs-sm); line-height: 1.6; } /* ---- Tracked uppercase meta label (Miriam Libre) — hero clock/location ---- */ .label-meta { font-family: var(--font-label); font-size: var(--fs-xs); letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.5; } /* ---- Nav / UI uppercase labels (Manrope) ---- */ .label-nav { font-family: var(--font-body); font-size: var(--fs-sm); text-transform: uppercase; color: var(--color-ink); } /* ---- Accent color inline span ---- */ .text-accent { color: var(--color-accent); }