: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;

}