/*==================================================
  VARIABLES
  Tecnología Israel
==================================================*/

:root{

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

    --primary:#1F5EFF;
    --primary-dark:#1544D4;
    --danger:#D91C1C;

    --success:#16A34A;
    --warning:#F59E0B;

    --white:#FFFFFF;

    --background:#F7F8FC;

    --border:#E5E7EB;

    --text:#1F2937;

    --text-light:#6B7280;

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

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

    /*========== TAMAÑOS ==========*/

    --fs-xs:12px;
    --fs-sm:14px;
    --fs-md:16px;
    --fs-lg:18px;
    --fs-xl:22px;
    --fs-2xl:30px;
    --fs-3xl:40px;

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

    --light:300;
    --regular:400;
    --medium:500;
    --semibold:600;
    --bold:700;

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

    --space-1:8px;
    --space-2:16px;
    --space-3:24px;
    --space-4:32px;
    --space-5:40px;
    --space-6:48px;
    --space-7:64px;
    --space-8:80px;

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

    --radius-sm:6px;
    --radius-md:10px;
    --radius-lg:16px;
    --radius-xl:24px;

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

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

    --shadow-md:0 8px 20px rgba(0,0,0,.08);

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

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

    --transition:.30s ease;

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

    --topbar-height:42px;

    --header-height:95px;

    --navbar-height:60px;

}