/* ==========================================================
   LAIREN AI
   VARIABLES GLOBALES
========================================================== */

:root{

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

    --color-background:#08111d;

    --color-surface:#161d2d;

    --color-surface-light:#1d2638;

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

    --color-primary:#42b3ff;

    --color-primary-hover:#63c0ff;

    --color-gold:#d9b14a;

    --color-success:#34d399;

    --color-danger:#ff6b6b;

    --color-warning:#fbbf24;

    --color-white:#ffffff;

    --color-text:#e8edf7;

    --color-muted:#9ba6bd;


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

    --space-xs:6px;

    --space-sm:12px;

    --space-md:20px;

    --space-lg:32px;

    --space-xl:48px;

    --space-2xl:72px;

    --space-3xl:96px;


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

    --radius-sm:10px;

    --radius-md:16px;

    --radius-lg:22px;

    --radius-xl:30px;

    --radius-pill:999px;


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

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

    --shadow-md:0 15px 35px rgba(0,0,0,.28);

    --shadow-lg:0 25px 60px rgba(0,0,0,.40);


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

    --transition-fast:.20s;

    --transition:.30s;

    --transition-slow:.45s;


    /* ======================================================
       LAYOUT
    ====================================================== */

    --container-width:1280px;

    --header-height:78px;


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

    --font-family:

        "Inter",

        "Segoe UI",

        sans-serif;


    --font-small:.90rem;

    --font-body:1rem;

    --font-large:1.20rem;

    --font-title:2.6rem;

    --font-hero:4rem;

}