:root{

    /* ==========================
            COLORS
    =========================== */

    --bg:#040608;

    --surface:#0B1017;

    --glass:rgba(255,255,255,.035);

    --glass-strong:rgba(255,255,255,.06);

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

    --cyan:#00F7FF;

    --cyan-soft:#69F5FF;

    --white:#FFFFFF;

    --text:#D7E4F2;

    --text-soft:#94A4B8;



    /* ==========================
            GLOW
    =========================== */

    --glow:

        0 0 15px rgba(0,247,255,.15),

        0 0 40px rgba(0,247,255,.08);



    /* ==========================
            RADIUS
    =========================== */

    --radius-small:16px;

    --radius:22px;

    --radius-large:32px;



    /* ==========================
            SPACING
    =========================== */

    --section:160px;

    --container:1480px;



    /* ==========================
            TRANSITIONS
    =========================== */

    --transition:.35s cubic-bezier(.2,.8,.2,1);



    /* bordes */

    --panel-radius: 32px 18px 32px 18px;

}


:root {
    --bg-dark: #030408;          /* Fondo oscuro absoluto corporativo */
    --bg-card: #0b0f19;          /* Fondo de tarjetas para contraste */
    --accent: #38bdf8;           /* Celeste neón tecnológico */
    --text-main: #ffffff;        /* Texto principal */
    --text-muted: #94a3b8;       /* Texto secundario y descripciones */
    --border-light: rgba(255, 255, 255, 0.05);
    --font-title: 'Orbitron', sans-serif;
    --font-body: 'Inter', sans-serif;
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}