/**
 * Base Variables
 */
:root {

    /* Fonts */

    --global--font-headings: 'Neusa', sans-serif;
    --global--font-base: 'Neusa', sans-serif;
    --line-height: 120%;
    --letter-spacing: 0.3px;


    /* Colors */

    --white: #FFFFFF;
    --white-grey: #FAFAFA;
    --black: #121229;
    --beige: #D4C19E;
    --blue: #205298;
    --lt-blue: #2662b5;
    --lt-grey-0: #F5F5F5;
    --lt-grey-1: #F5FBF6;
    --lt-grey-2: #EBEBDB;
    --lt-grey-3: #D3D3D3;
    --lt-grey-4: #f3f3ff;
    --dark-grey: #525252;
    --lt-grey: #D8D8D8;
    --green: #247235;
    --lt-green: #208E38;
    --lt-green-1: #328B45;
    --lt-green-2: #E4F7E8;
    --action-red: #ED3F5E;
    --crimson: #c1001b;

    --haze-green: #A3D300;
    --haze-green-2: #BAD729;
    --haze-text-black: #251C4E;
    --haze-cyan: #00C7D3;
    --haze-magenta: #E82077;
    --haze-pink: #F088B7;
    --haze-grey: #F1F2F6;




    /* Layout */

    --g-x-sm: 20px;
    --g-y-sm: 40px;
    --g-y-md: 60px;
    --g-y-xl: 120px;

}


@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/**
 * Repsonsive Variables
 */
@media (max-width: 1439px) {
    :root {
        /* --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1000px); */
        --g-x-sm: 20px;
    }
}