/*****************************************************************
    STARTER INMOBILIARIO
    VARIABLES.CSS
*****************************************************************/

:root{

    /*==========================================================
        COLORES
    ==========================================================*/

    --primary:#ac35c7;
    --primary-hover:#ee48f4;

    --secondary:#222222;
    --secondary-hover:#111111;

    --success:#198754;
    --danger:#DC3545;
    --warning:#FFC107;
    --info:#0DCAF0;

    --white:#FFFFFF;
    --black:#000000;

    --gris-50:#FAFAFA;
    --gris-100:#F8F9FA;
    --gris-200:#ECECEC;
    --gris-300:#DEE2E6;
    --gris-400:#CED4DA;
    --gris-500:#ADB5BD;
    --gris-600:#6C757D;
    --gris-700:#495057;
    --gris-800:#343A40;
    --gris-900:#212529;

    --texto:#333333;

    /*==========================================================
        BOOTSTRAP
    ==========================================================*/

    --bs-primary:var(--primary);
    --bs-secondary:var(--secondary);

    /*==========================================================
        TIPOGRAFÍA
    ==========================================================*/

    --font-family:'Montserrat',sans-serif;

    --font-size-xs:.75rem;
    --font-size-sm:.875rem;
    --font-size-md:1rem;
    --font-size-lg:1.125rem;
    --font-size-xl:1.50rem;
    --font-size-xxl:2rem;
    --font-size-display:3rem;

    --font-light:300;
    --font-normal:400;
    --font-medium:500;
    --font-semibold:600;
    --font-bold:700;
    --font-black:900;

    --line-height:1.6;

    /*==========================================================
        ESPACIADOS
    ==========================================================*/

    --space-0:0;

    --space-1:.25rem;
    --space-2:.50rem;
    --space-3:.75rem;
    --space-4:1rem;
    --space-5:1.50rem;
    --space-6:2rem;
    --space-7:3rem;
    --space-8:4rem;

    /*==========================================================
        BORDES
    ==========================================================*/

    --border-color:#E5E5E5;

    --border:1px solid var(--border-color);

    --radius-xs:3px;
    --radius-sm:5px;
    --radius:8px;
    --radius-lg:12px;
    --radius-xl:18px;
    --radius-round:50%;
    --radius-pill:9999px;

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

    --shadow-xs:0 1px 3px rgba(0,0,0,.05);

    --shadow-sm:0 2px 6px rgba(0,0,0,.08);

    --shadow:0 5px 15px rgba(0,0,0,.12);

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

    /*==========================================================
        TRANSICIONES
    ==========================================================*/

    --transition-fast:.15s ease;
    --transition:.30s ease;
    --transition-slow:.50s ease;

    /*==========================================================
        NAVBAR
    ==========================================================*/

    --navbar-height:75px;
    --navbar-bg:#111111;
    --navbar-color:#FFFFFF;

    /*==========================================================
        FOOTER
    ==========================================================*/

    --footer-bg:#1B1B1B;
    --footer-color:#FFFFFF;

    /*==========================================================
        BOTONES
    ==========================================================*/

    --button-height:46px;

    /*==========================================================
        CARDS
    ==========================================================*/

    --card-radius:12px;
    --card-shadow:var(--shadow);

    /*==========================================================
        FORMULARIOS
    ==========================================================*/

    --input-height:48px;

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

    --container:1320px;

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

    --z-navbar:1030;
    --z-dropdown:1040;
    --z-modal:1055;
    --z-tooltip:1080;
    --z-loader:9999;

}