/* ==========================================================
   WILDFLOWER LAX DESIGN TOKENS
   ========================================================== */

:root {

    /* Brand Colors */

    --wf-blue: #7FA9E6;
    --wf-pink: #E97BA7;
    --wf-yellow: #F6D365;
    --wf-sage: #8FAF8B;

    --wf-cream: #FFFDF9;
    --wf-white: #FFFFFF;

    --wf-dark: #343434;
    --wf-gray: #6F6F6F;
    --wf-light-gray: #F4F4F4;

    /* Typography */

    --font-heading: "Quicksand", sans-serif;
    --font-body: "Quicksand", sans-serif;

    /* Containers */

    --container-width: 1280px;
    --content-width: 760px;

    /* Spacing */

    --space-xs: .5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
    --space-2xl: 8rem;

    /* Border Radius */

    --radius-sm: 8px;
    --radius-md: 18px;
    --radius-lg: 32px;
    --radius-pill: 999px;

    /* Shadows */

    --shadow-sm:
        0 8px 24px rgba(0,0,0,.05);

    --shadow-md:
        0 15px 40px rgba(0,0,0,.08);

    --shadow-lg:
        0 25px 60px rgba(0,0,0,.12);

    /* Animation */

    --transition:
        all .30s ease;

}