/**
 * Base Variables
 */
:root {

    /* Fonts */

    --global--font-headings: 'HelveticaNowText', sans-serif;
    --global--font-base: 'Blauer Nue', sans-serif;
    --line-height: 120%;


    /* Colors */

    --white: #FFFFFF;
    --black: #001110;
    --lt-grey-0: #F5F5F5;
    --lt-grey-1: #F5FBF6;
    --lt-grey-2: #EBEBDB;
    --lt-grey-3: #D3D3D3;
    --dark-grey: #525252;
    --lt-grey: #D8D8D8;
    --green: #247235;
    --lt-green: #208E38;
    --lt-green-1: #328B45;
    --lt-green-2: #E4F7E8;
    --action-red: #ED3F5E;
    --crimson: #c1001b;

    --flora-beige: #cb9e51;
    --flora-beige-lt: #efe0ca;
    --flora-beige-dark: #a17400;
    --flora-green: #1e3020;
    --flora-green-lt: #48704d;
    --flora-green-dark: #02302f;
    --flora-grey: #d7d7d8;
    --flora-blue-dark: #143a53;

    /* Layout */

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

}


@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;
    }
}