:root {
    --otu-blue: #1A68DA;
    --otu-blue-dark: #1455b0;
    --otu-gold: #FFC40D;
    --otu-gold-alt: #FFC416;
    --white: #FFFFFF;
    --off-white: #F8FAFC;
    --text-primary: #111827;
    --text-muted: #6B7280;
    --border: #E5E7EB;
    --footer-bg: #111827;
    --success: #16A34A;
    --error: #DC3545;
    --tab-active-bg: #111827;
    --font-family: 'Poppins', sans-serif;
    --fs-hero: clamp(2rem, 5vw, 3.25rem);
    --fs-h2: clamp(1.75rem, 4vw, 2.5rem);
    --fs-h3: clamp(1.125rem, 2vw, 1.5rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --section-pad: clamp(3rem, 8vw, 6rem);
    --container-max: 1200px;
    --gap: 1.5rem;
    --radius-card: 12px;
    --radius-pill: 999px;
    --radius-mockup: 16px;
    --shadow-mockup: 0 20px 60px rgba(0, 0, 0, 0.08);
    --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.06);
    --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.06);
    --header-height: 76px;
    --mobile-cta-bar-height: 72px;
}