/* ═══════════════════════════════════════════════════════════════
Tenvito — Font Override
Add to: Settings → Stylesheets → tenvito-font-override.css
Reference in Master template AFTER existing stylesheets
Google Fonts — add to Master template if not present:
═══════════════════════════════════════════════════════════════ */
/* ── 1. Replace Lato + Roboto with Outfit everywhere ── */
body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, td, th,
input, textarea, select, button,
.lato, .roboto,
[class*="font-"],
nav, header, footer,
.btn-primary, .btn-outline {
font-family: 'Outfit', sans-serif !important;
}
/* ── 2. Tighten letter-spacing for headlines (Outfit reads tighter) ── */
h1 { letter-spacing: -.04em; font-weight: 900; }
h2 { letter-spacing: -.03em; font-weight: 800; }
h3 { letter-spacing: -.02em; font-weight: 700; }
/* ── 3. Body weight — Outfit 400 is slightly heavier than Roboto 400 ── */
body { font-weight: 400; }
/* ── 4. Nav — Outfit 700 replaces Lato black ── */
nav .lato, .nav-brand, .logo-text { font-weight: 800; }
/* ── 5. Buttons — tighten slightly ── */
.btn-primary, .btn-outline, button {
font-weight: 700;
letter-spacing: -.01em;
}
/* ── 6. Eyebrow / small caps labels — Outfit reads cleaner ── */
.eyebrow {
font-family: 'Outfit', sans-serif !important;
font-weight: 700;
letter-spacing: .14em;
}