/* ============================================================ Voice the Vote — Stylesheet Fonts (loaded via Adobe Fonts kit in ): Bobby Jones Soft — h1, h2 (major headings) Proxima Nova Condensed — body, h3, h4, UI Self-hosted fallback for Bobby Jones Soft: /public_html/fonts/bobby-jones-soft-regular.woff2/.woff Wave background URLs are injected as CSS variables from PHP: --wave-hero used on the hero section --wave-dark used on dark (navy) sections ============================================================ */ /* ============================================================ 1. DESIGN TOKENS ============================================================ */ :root { /* ── Colour ─────────────────────────────────────────────── */ --clr-primary: #C63D1E; /* VTV red-orange */ --clr-primary-dark: #9E2F14; --clr-secondary: #1B3057; /* deep navy */ --clr-accent: #F5C800; /* VTV yellow */ --clr-accent-light: #FDF0D5; --clr-bg: #F8F5F1; /* warm off-white */ --clr-bg-alt: #EDEAE3; /* light warm grey */ --clr-bg-dark: #1B3057; /* = secondary */ --clr-surface: #FFFFFF; --clr-text: #1A2535; --clr-text-muted: #586070; --clr-text-invert: #FFFFFF; /* ── Type ─────────────────────────────────────────────────────────────────── --font-display: Bobby Jones Soft — major headings (h1, h2) --font-heading: Proxima Nova Condensed — subheadings (h3, h4), nav, UI --font-body: Proxima Nova Condensed — all body copy Fallback chain: 'bobby-jones-soft' — Adobe Fonts OR self-hosted woff2/woff in /fonts/ 'proxima-nova-condensed'— Adobe Fonts (typekit kit required) 'Arial Narrow' — system condensed sans, near-universal sans-serif — last resort ──────────────────────────────────────────────────────────────────────────── */ --font-display: 'bobby-jones-soft', 'Arial Narrow', Impact, sans-serif; --font-heading: 'proxima-nova-condensed', 'Arial Narrow', sans-serif; --font-body: 'proxima-nova-condensed', 'Arial Narrow', sans-serif; /* ── Spacing ────────────────────────────────────────────── */ --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.25rem; --sp-6: 1.5rem; --sp-7: 1.75rem; --sp-8: 2rem; --sp-10: 2.5rem; --sp-12: 3rem; --sp-16: 4rem; --sp-20: 5rem; --sp-24: 6rem; /* ── Layout ─────────────────────────────────────────────── */ --container: 1200px; --gutter: clamp(1rem, 4vw, 2rem); --radius: 0.5rem; --radius-lg: 1rem; --ease: 200ms ease; /* ── Wave URLs (overridden by inline