/* EV First — shared design system (loaded last in on every page). Centralizes the audit improvements so they stay consistent site-wide: #1 type pairing · #3 signature · #4 accent · #5 layered shadows · #6 reading rhythm. */ /* #1 — Display face: Archivo for headings (via .h-tight, which only display headings carry); Inter stays for body/UI. Imported here so every page gets it from one place. */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&display=swap'); .h-tight { font-family: 'Archivo', 'Inter', 'Segoe UI', sans-serif; letter-spacing: -0.03em; /* #6 tighter tracking on display headings */ } /* #6 — generous reading rhythm for body copy */ body { line-height: 1.7; } /* #5 — layered, ink-tinted shadows (base → elevated → floating) instead of one flat layer. Overrides the Tailwind tokens everywhere shadow-card / shadow-float are used. */ .shadow-card { box-shadow: 0 1px 2px rgba(28, 43, 30, .06), 0 6px 16px -2px rgba(28, 43, 30, .10) !important; } .shadow-float { box-shadow: 0 2px 6px rgba(28, 43, 30, .07), 0 18px 42px -6px rgba(28, 43, 30, .16) !important; } /* #3 + #4 — Signature: a "charge-level" rule under every section title (h2.h-tight). The green→gold gradient is the one place the accent (#F39C12) appears, so it reads as a deliberate EV-First mark rather than decoration. Auto-applies on all pages. */ h2.h-tight::after { content: ''; display: block; width: 40px; height: 4px; margin-top: 10px; border-radius: 99px; background: linear-gradient(90deg, #2ECC71 0%, #2ECC71 52%, #F39C12 100%); } /* Keep the mark off headings sitting on dark/image overlays (e.g. hero banners). */ .no-rule h2.h-tight::after, h2.h-tight.no-rule::after { display: none; } /* #4 — accent helper for the occasional emphasized stat */ .accent { color: #F39C12; }