/* Adjusted fallback for Open Sans */
    @font-face {
        font-family: 'Open Sans Fallback';
        src: local('Arial');
        size-adjust: 105%;
        ascent-override: 90%;
        descent-override: 22%;
        line-gap-override: 0%;
    }

    /* Adjusted fallback for Barlow Condensed */
    @font-face {
        font-family: 'Barlow Condensed Fallback';
        src: local('Arial Narrow');
        size-adjust: 97%;
        ascent-override: 88%;
        descent-override: 23%;
        line-gap-override: 0%;
    }

    :root {
        /* Brand Colors */
        --red: #C41230;
        --red-dark: #9E0E26;
        --red-light: #E8415C;
        --blue: #1B3A6B;
        --blue-dark: #0D1B2A;
        --blue-mid: #2A5298;
        --ice: #7BC4E8;
        --ice-light: #D6EEF8;
        --ice-pale: #EDF7FC;
        --fire-orange: #E8621C;
        --fire-amber: #F5A623;
        --fire-yellow: #FFD93D;
        --white: #FFFFFF;
        --black: #000000;
        --gray-100: #F4F6F8;
        --gray-200: #E2E6EA;
        --gray-600: #6B7B8D;
        --gray-800: #2D3748;
        --vortex-gold: #d4a017;
        --vortex-gold-dark: #b8860b;
        --vortex-silver: #8a9bae;
        --vortex-silver-light: #c0cdd8;

        /* Typography */
        --font-heading: 'Barlow Condensed', 'Barlow Condensed Fallback', 'Arial Narrow', sans-serif;
        --font-body: 'Open Sans', 'Open Sans Fallback', Arial, sans-serif;

        --blue-light: #4a7ab0;
        --orange: #e35e2e;
        --orange-dark: #c94d1f;
        --orange-light: #f07a4a;
        --gray: #959599;
        --gray-light: #b8b8bc;
        --gray-dark: #6b6b6f;

        /* Neutrals */
        --navy: #1a2d45;
        --cream: #f9f7f4;

        --fire-gradient: linear-gradient(135deg, var(--fire-orange), var(--red));
        --fire-gradient-hover: linear-gradient(135deg, var(--fire-amber), var(--fire-orange));
        --blue-gradient-bg: linear-gradient(135deg, var(--blue) 0%, var(--blue) 33%, var(--blue-light) 100%);
        --hero-gradient: linear-gradient(135deg, var(--ice-light) 0%, var(--ice) 25%, var(--blue-mid) 50%, var(--blue) 75%, var(--red) 100%);
        --heading-row-gradient: linear-gradient(120deg, var(--blue) 0%, var(--blue-mid) 25%, var(--blue-mid) 50%, var(--blue) 70%, var(--red) 100%);

        /* Heading Sizes (responsive via clamp) */
        --h1-size: clamp(34px, 4vw, 50px);
        --h2-size: clamp(28px, 3.5vw, 42px);
        --h3-size: clamp(22px, 3vw, 28px);
        --h4-size: clamp(18px, 2.5vw, 24px);
        --h5-size: clamp(16px, 2vw, 20px);
        --h6-size: clamp(14px, 1.5vw, 18px);

        /* Home-specific heading sizes (only where different) */
        --h1-home-size: clamp(34px, 4vw, 50px);
        --h2-home-size: clamp(28px, 3.5vw, 42px);
        --h3-home-size: clamp(22px, 3vw, 32px);

        --nav-font-size: clamp(14px, 2vw, 24px);
        --subnav-font-size: clamp(14px, 2vw, 18px);

        --section-padding: clamp(80px, 8vw, 80px);
        --section-padding-div: clamp(140px, 8vw, 140px);
        --card-padding: clamp(20px, 4vw, 40px);
        --card-border-radius: 20px;

        /* Repeated shadow values — used on cards, CTA, contact form */
        --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.06);
        --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.08);
        --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15);

        /* Repeated hover shadow on orange buttons */
        --shadow-orange: 0 8px 16px rgba(227, 94, 46, 0.35);
        --shadow-red: 0 8px 16px rgba(196, 18, 48, 0.35);


        /* Repeated translucent white values (used across dark backgrounds) */
        --white-60: rgba(255, 255, 255, 0.6);
        --white-70: rgba(255, 255, 255, 0.7);
        --white-80: rgba(255, 255, 255, 0.8);

        /* Transition — used everywhere as 0.2s or 0.3s ease */
        --transition: 0.2s ease;
        --transition-slow: 0.3s ease;

        /* Container max-width — repeated as 1300px and 1340px */
        --container-max: 1340px;
        --container-footer-max: 1300px;

        /* Hover lift — used on nearly every card */
        --hover-lift: translateY(-4px);
    }