/*======================================
            DESIGN SYSTEM
======================================*/

/* Border Radius */

:root{

    --radius-sm:12px;

    --radius-md:18px;

    --radius-lg:24px;

    --radius-xl:32px;

}

/* Shadows */

:root{

    --shadow-sm:
    0 8px 20px rgba(15,23,42,.05);

    --shadow-md:
    0 18px 45px rgba(15,23,42,.08);

    --shadow-lg:
    0 30px 70px rgba(15,23,42,.12);

}

/* Transitions */

:root{

    --transition-fast:.25s;

    --transition-normal:.35s;

    --transition-slow:.5s;

}

/* Container */

:root{

    --container:1280px;

}

/* Sections */

:root{

    --section-spacing:120px;

}