/*==================================================
    VARIABLES GLOBALES
    RED EMPRENDER EDUCATIVO
==================================================*/

:root{

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

    --primary:#0B3D91;
    --primary-dark:#072C69;

    --secondary:#00A651;
    --secondary-dark:#008542;

    --accent:#F7941D;
    --danger:#E30613;

    --dark:#1F2937;
    --gray:#6B7280;
    --light:#F8FAFC;
    --white:#FFFFFF;

    /*==============================
        DEGRADADOS
    ==============================*/

    --gradient-primary:linear-gradient(135deg,#0B3D91,#1656C1);

    --gradient-secondary:linear-gradient(135deg,#00A651,#18C56F);

    --gradient-orange:linear-gradient(135deg,#F7941D,#FFB547);

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

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

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

    --fs-xs:.75rem;
    --fs-sm:.875rem;
    --fs-md:1rem;
    --fs-lg:1.15rem;
    --fs-xl:1.35rem;
    --fs-2xl:2rem;
    --fs-3xl:2.7rem;
    --fs-4xl:3.5rem;

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

    --fw-light:300;
    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-black:800;

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

    --radius-sm:6px;
    --radius-md:12px;
    --radius-lg:18px;
    --radius-xl:30px;

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

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

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

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

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

    --transition:.35s ease;

    /*==============================
        ANCHO MÁXIMO
    ==============================*/

    --container:1320px;

}