/* ======================================================
   IMPULSO CON PROPÓSITO
   VARIABLES GLOBALES
====================================================== */

:root{

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

    --color-finanzas:#2E7D32;
    --color-finanzas-hover:#1B5E20;

    --color-fe:#1565C0;
    --color-fe-hover:#0D47A1;

    --color-reflexiones:#F57C00;
    --color-reflexiones-hover:#E65100;

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

    --color-principal:#0F172A;
    --color-secundario:#475569;

    --color-blanco:#FFFFFF;

    --color-fondo:#F8FAFC;

    --color-gris:#E2E8F0;

    --color-footer:#0B1120;

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

    --color-donar:#F4B400;

    --color-exito:#16A34A;

    --color-error:#DC2626;

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

    --sombra-suave:0 8px 20px rgba(0,0,0,.08);

    --sombra-media:0 15px 35px rgba(0,0,0,.12);

    --sombra-fuerte:0 25px 45px rgba(0,0,0,.18);

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

    --radio-pequeno:8px;

    --radio-normal:15px;

    --radio-grande:25px;

    --radio-redondo:50px;

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

    --transicion:.30s ease;

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

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

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

    --titulo-principal:56px;

    --titulo-seccion:40px;

    --subtitulo:24px;

    --texto:17px;

    --texto-pequeno:15px;

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

    --espacio-xs:8px;

    --espacio-sm:15px;

    --espacio-md:30px;

    --espacio-lg:60px;

    --espacio-xl:100px;

}