/* ==================================================
   FONTES
================================================== */

:root{

    /* ==========================
       CORES
    ========================== */

    --color-primary:#506A78;

    --color-white:#F6F6F7;

    --color-gray:#C8C9CB;

    --color-black:#202020;

    /* ==========================
       FONTES
    ========================== */

    --font-title: "Orbitron", sans-serif;

    --font-text: "Montserrat", sans-serif;

    /* ==========================
       TAMANHOS
    ========================== */

    --fs-xs:.875rem;

    --fs-sm:1rem;

    --fs-md:1.125rem;

    --fs-lg:1.5rem;

    --fs-xl:2rem;

    --fs-2xl:3rem;

    --fs-3xl:4rem;

    /* ==========================
       ESPAÇAMENTOS
    ========================== */

    --space-xs:.5rem;

    --space-sm:1rem;

    --space-md:1.5rem;

    --space-lg:2rem;

    --space-xl:3rem;

    --space-2xl:4rem;

    --space-3xl:6rem;

    /* ==========================
       CONTAINER
    ========================== */

    --container-width:1200px;

    /* ==========================
       BORDAS
    ========================== */

    --radius-sm:4px;

    --radius-md:8px;

    --radius-lg:12px;

    /* ==========================
       TRANSIÇÕES
    ========================== */

    --transition:.3s ease;

}