/* ============================================
   CSS: base.css — Olemurcia
   Componente: Variables + Reset + Body + Fondos
   ============================================ */


    :root{

        --fondo:#0b0e1a;

        --superficie:rgba(255,255,255,.04);

        --borde:rgba(255,255,255,.09);

        --texto:#e6e9f2;

        --difuso:#8a93ad;

        --violeta:#7c5cff;

        --cian:#22d3ee;

        --verde:#4ade80;

        --rojo:#ef4444;

    }

    *{margin:0;padding:0;box-sizing:border-box;}

    .pie .pie-acerca{
        color:var(--violeta);
        text-decoration:underline;
        font-weight:600;
        white-space:nowrap;
    }

    .pie .pie-acerca:hover{
        color:var(--cian);
    }

    html{scroll-behavior:smooth;}

    body{

        font-family:'Segoe UI',system-ui,-apple-system,sans-serif;

        color:var(--texto);

        min-height:100vh;

    }

    .fondo{

        position:fixed;

        inset:0;

        background:

            radial-gradient(700px 350px at 15% 0%, rgba(124,92,255,.16), transparent),

            radial-gradient(700px 350px at 85% 100%, rgba(34,211,238,.12), transparent);

        pointer-events:none;

    }