/*=========================================================
=           CAMPO 9 INMOBILIARIA - DESIGN SYSTEM
=========================================================*/

:root{

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

    --color-primary:#8b1e1e;
    --color-primary-dark:#6e1717;
    --color-primary-light:#b42c2c;

    --color-secondary:#d8b04c;

    --color-success:#2e8b57;
    --color-warning:#f4b400;
    --color-danger:#d93025;

    --color-white:#ffffff;
    --color-black:#000000;

    --color-bg:#f5f6f8;

    --color-text:#2f2f2f;
    --color-text-light:#6f6f6f;

    --color-border:#e8e8e8;



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

    --radius-xs:6px;
    --radius-sm:10px;
    --radius-md:14px;
    --radius-lg:20px;
    --radius-xl:28px;



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

    --shadow-sm:0 3px 10px rgba(0,0,0,.08);

    --shadow-md:0 8px 22px rgba(0,0,0,.12);

    --shadow-lg:0 16px 40px rgba(0,0,0,.18);



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

    --transition:.30s ease;



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

    --space-xs:6px;

    --space-sm:10px;

    --space-md:18px;

    --space-lg:30px;

    --space-xl:50px;



    /*=====================================================
      CONTENEDOR
    =====================================================*/

    --container:1350px;



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

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

    --title:700;

    --normal:400;

}