:root {

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

    --primary: #9C313C;
    --secondary: #FFC839;

    --background: #F5F6F8;
    --surface: #FFFFFF;

    --text: #1A1A1A;
    --text-light: #666666;

    --border: #E6E6E6;

    --success: #43A047;
    --warning: #FB8C00;
    --danger: #E53935;

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

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

    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-md: 16px;
    --fs-lg: 18px;
    --fs-xl: 22px;
    --fs-xxl: 28px;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

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

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;

    /* ==========================
       BORDER RADIUS
    ========================== */

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 22px;
    --radius-round: 999px;

    /* ==========================
       SOMBRAS
    ========================== */

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

    --shadow-md: 0 6px 18px rgba(0,0,0,.08);

    --shadow-lg: 0 10px 28px rgba(0,0,0,.10);

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

    --transition: .25s ease;
    /* ==========================
   LAYOUT
========================== */

--container-width: 640px;

--header-height: 72px;

--bottom-nav-height: 82px;

/* ==========================
   Z-INDEX
========================== */

--z-header: 100;

--z-modal: 900;

--z-bottom-nav: 500;
}