/*=========================================================
    HAGAMOS DISEÑO
    DESIGN SYSTEM
    Archivo: variables.css
    Versión: 0.1.0

    Todas las variables globales del proyecto.

=========================================================*/

:root{

    /*=====================================================
        PALETA DE COLORES
    =====================================================*/

    --color-primary:#1D4ED8;
    --color-primary-light:#3B82F6;
    --color-primary-dark:#1E3A8A;

    --color-secondary:#06B6D4;
    --color-accent:#F97316;

    --color-success:#22C55E;
    --color-warning:#F59E0B;
    --color-danger:#EF4444;

    /*=====================================================
        FONDOS
    =====================================================*/

    --bg-body:#050816;

    --bg-section:#0B1120;

    --bg-card:#111827;

    --bg-glass:rgba(255,255,255,.05);

    --bg-navbar:rgba(5,8,22,.75);

    /*=====================================================
        TEXTOS
    =====================================================*/

    --text-white:#FFFFFF;

    --text-light:#E5E7EB;

    --text-gray:#CBD5E1;

    --text-muted:#94A3B8;

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

    --border-color:rgba(255,255,255,.08);

    --border-glass:1px solid rgba(255,255,255,.10);

    /*=====================================================
        GRADIENTES
    =====================================================*/

    --gradient-primary:linear-gradient(
        135deg,
        #2563EB,
        #06B6D4
    );

    --gradient-secondary:linear-gradient(
        135deg,
        #2563EB,
        #7C3AED
    );

    --gradient-orange:linear-gradient(
        135deg,
        #F97316,
        #FB923C
    );

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

    --font-title:'Space Grotesk',sans-serif;

    --font-text:'Inter',sans-serif;

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

    --fw-light:300;

    --fw-normal:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;

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

    --fs-xs:.75rem;

    --fs-sm:.90rem;

    --fs-base:1rem;

    --fs-md:1.15rem;

    --fs-lg:1.30rem;

    --fs-xl:2rem;

    --fs-2xl:3rem;

    --fs-3xl:4rem;

    --fs-hero:5rem;

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

    --space-1:.25rem;

    --space-2:.50rem;

    --space-3:.75rem;

    --space-4:1rem;

    --space-5:1.5rem;

    --space-6:2rem;

    --space-7:3rem;

    --space-8:4rem;

    --space-9:5rem;

    --space-10:7rem;

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

    --container:1280px;

    /*=====================================================
        RADIOS
    =====================================================*/

    --radius-sm:8px;

    --radius-md:14px;

    --radius-lg:20px;

    --radius-xl:30px;

    --radius-round:999px;

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

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

    --shadow-md:0 15px 40px rgba(0,0,0,.25);

    --shadow-lg:0 25px 70px rgba(0,0,0,.35);

    --shadow-glow:0 0 40px rgba(37,99,235,.35);

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

    --transition:.35s ease;

    /*=====================================================
        Z-INDEX
    =====================================================*/

    --z-loader:99999;

    --z-menu:999;

    --z-fixed:100;

}