/* ==========================================================
   DESIGN SYSTEM
   Souza Madeiras Rústicas
========================================================== */

:root{

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

    --color-background: #16110D;

    --color-surface: #211A15;

    --color-primary: #9A6B3E;

    --color-primary-light: #B07A46;

    --color-primary-dark: #7E5732;

    --color-text: #F5F1EB;

    --color-text-light: #CFC6BC;

    --color-border: rgba(255,255,255,.08);

    /* ======================================================
       TIPOGRAFIA
    ====================================================== */

    --font-title: "Cinzel", serif;

    --font-body: "Poppins", sans-serif;

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

    --space-xs:8px;

    --space-sm:16px;

    --space-md:24px;

    --space-lg:40px;

    --space-xl:64px;

    --space-2xl:120px;

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

    --radius-sm:8px;

    --radius-md:16px;

    --radius-lg:24px;

    --radius-pill:999px;

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

    --transition:.35s ease;

}