/* =========================================================
   LABELLE IMOBILIÁRIA
   VARIÁVEIS GLOBAIS
========================================================= */

:root {

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

    --color-primary: #1f5a47;

    --color-primary-dark: #153f32;

    --color-primary-light: #2f725d;

    --color-primary-soft: #eaf2ee;


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

    --color-white: #ffffff;

    --color-black: #111111;

    --color-dark: #1a1a1a;

    --color-text: #3e4542;

    --color-text-light: #6c7470;

    --color-gray: #8a918e;

    --color-gray-light: #f3f5f4;

    --color-border: #e2e7e4;

    --color-background: #f8faf9;


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

    --color-gold: #c6a15b;

    --color-success: #2f725d;

    --color-danger: #b64747;


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

    --font-primary: "DM Sans", sans-serif;

    --font-title: "Playfair Display", serif;


    /* =====================================================
       TAMANHOS DE FONTE
    ====================================================== */

    --font-xs: 12px;

    --font-sm: 14px;

    --font-md: 16px;

    --font-lg: 18px;

    --font-xl: 22px;

    --font-2xl: 28px;

    --font-3xl: 36px;

    --font-4xl: 48px;

    --font-5xl: 62px;


    /* =====================================================
       PESOS
    ====================================================== */

    --font-regular: 400;

    --font-medium: 500;

    --font-semibold: 600;

    --font-bold: 700;


    /* =====================================================
       LARGURAS
    ====================================================== */

    --container-width: 1280px;

    --container-padding: 32px;


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

    --space-1: 4px;

    --space-2: 8px;

    --space-3: 12px;

    --space-4: 16px;

    --space-5: 20px;

    --space-6: 24px;

    --space-7: 32px;

    --space-8: 40px;

    --space-9: 48px;

    --space-10: 64px;

    --space-11: 80px;

    --space-12: 100px;

    --space-13: 120px;


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

    --radius-sm: 6px;

    --radius-md: 10px;

    --radius-lg: 16px;

    --radius-xl: 24px;

    --radius-full: 999px;


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

    --shadow-sm:
        0 4px 12px rgba(0, 0, 0, 0.05);

    --shadow-md:
        0 10px 30px rgba(0, 0, 0, 0.08);

    --shadow-lg:
        0 20px 50px rgba(0, 0, 0, 0.12);


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

    --transition-fast:
        0.2s ease;

    --transition-normal:
        0.3s ease;

    --transition-slow:
        0.5s ease;


    /* =====================================================
       HEADER
    ====================================================== */

    --header-height: 90px;


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

    --z-header: 1000;

    --z-menu: 1100;

    --z-modal: 2000;

}