:root {
    /* --- Main colors are injected by ACF Theme Settings → Colors (functions.php inline) --- */
    /*--color-white: #fff;
    --color-dark: #001A4E;
    --color-dark-2: #063995;
    --color-accent: #00FFCC;
    --color-accent-2: #00FFCC;
    --color-button-bg:#00FFCC;*/

    /* dark-3 tracks dark-2 (header/footer/banner background) */
    --color-dark-3: var(--color-dark-2);

    --color-bg-header-footer: var(--color-dark-3);
    --color-bg-elements: var(--color-accent-2);

    --color-nav-menu-text: var(--color-white);
    --color-p: var(--color-white);
    --color-button-text: var(--color-white);

    --color-bg-body: var(--color-dark);

    --color-button-anchor-text: var(--color-white);
    --color-button-anchor-bg: var(--color-dark);
    --color-anchor-menu-primary: var(--color-dark);
    --color-anchor-menu-secondary: var(--color-dark-2);

    --color-banner-bg: var(--color-dark-3);
    --color-banner-text: var(--color-white);

    --color-box: #AE186B;
    --container-width: 1392px;

    --color-bg: #F6F3FA;
    --color-font-shadow: var(--color-dark);
    --header-height: 8rem;

    --font-base-letter-spacing: -.01em;
    --font-secondary-letter-spacing: -.05em;

    --font-shadow: drop-shadow(0 3px 0 var(--color-dark-3));

    --gradient-gold: linear-gradient(to bottom, #fff 50%, #fff 100%);
    --gradient-grey: linear-gradient(to bottom, #f3eff8 20%, #dfdbea 100%);
    --green-gradient: linear-gradient(to bottom, #04422a 20%, #51cf58 100%);

    /* font-size + line-height scales (kept for compatibility) */
    --fs-xs: 10px;  --fs-sm: 14px;  --fs-base: 16px; --fs-md: 18px; --fs-lg: 20px;
    --fs-xl: 22px;  --fs-2xl: 24px; --fs-3xl: 32px;  --fs-4xl: 40px; --fs-5xl: 48px; --fs-6xl: 64px;
    --lh-tight: 1; --lh-snug: 1.2; --lh-normal: 1.35; --lh-relaxed: 1.6;

    --clip-for-corners: polygon(
            calc(0% + 8px) 0%,
            calc(100% - 8px) 0%,
            100% calc(0% + 8px),
            100% calc(100% - 8px),
            calc(100% - 8px) 100%,
            calc(0% + 8px) 100%,
            0% calc(100% - 8px),
            0% calc(0% + 8px)
    );
}