/*=================================
        ArenaOS Design System
=================================*/

:root{

    /* Colores */

    --background:#030712;
    --surface:#0B1220;
    --surface-light:#111827;
    --surface-card:#182233;

    --primary:#2563EB;
    --primary-hover:#1D4ED8;

    --secondary:#38BDF8;

    --success:#10B981;
    --warning:#F59E0B;
    --danger:#EF4444;

    --text:#F8FAFC;
    --text-light:#CBD5E1;
    --text-muted:#94A3B8;

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

    /* Glass */

    --glass:rgba(17,24,39,.65);
    --glass-border:rgba(255,255,255,.06);
    --glass-blur:20px;

    /* Sombras */

    --shadow-sm:0 8px 20px rgba(0,0,0,.20);
    --shadow-md:0 20px 50px rgba(0,0,0,.35);
    --shadow-lg:0 30px 80px rgba(0,0,0,.45);

    --glow:0 0 50px rgba(37,99,235,.25);

    /* Bordes */

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:32px;

    /* Layout */

    --container:1400px;

    /* Animaciones */

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

}