@charset "utf-8";

/*==================================================
VARIABLES.CSS
Proyecto: INDIGO Inmobiliaria
Autor: ColaboraWeb
==================================================*/


:root
{


/*==================================================
COLORES PRINCIPALES
==================================================*/
 --topbar-height:46px;



--primary:#021b6d;

--primary-dark:#01124a;

--secondary:#d9a441;

--secondary-light:#f0bc55;

--text:#1f2937;

--text-light:#64748b;

--background:#f5f7fb;

--white:#ffffff;




/* Fondos */

--white:#ffffff;

--background:#f8faf9;

--background-soft:#f1f5f3;



/* Textos */

--text:#1e293b;

--text-light:#64748b;



/* Bordes */

--border:#e5e7eb;



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


--font-primary:
'Montserrat',
Arial,
sans-serif;



--fs-base:1rem;

--fs-sm:.875rem;

--fs-md:1.125rem;

--fs-lg:1.5rem;

--fs-xl:2rem;

--fs-xxl:2.5rem;

--fs-display:4rem;



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


--space-1:.5rem;

--space-2:1rem;

--space-3:1.5rem;

--space-4:2rem;

--space-5:3rem;

--space-6:4rem;

--space-7:6rem;



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


--radius-sm:8px;

--radius-md:16px;

--radius-lg:24px;

--radius-xl:50px;



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


--shadow-sm:
0 5px 20px rgba(0,0,0,.06);



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



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



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


--transition:
all .35s ease;


}