:root{

    /* Colores */

    --primary:#2563eb;
    --primary-dark:#1d4ed8;

    --secondary:#0f172a;

    --background:#ffffff;

    --surface:#f8fafc;

    --text:#1e293b;

    --text-light:#64748b;

    --success:#22c55e;

    --danger:#ef4444;

    /* Tipografía */

    --font-family:
        Inter,
        system-ui,
        sans-serif;

    /* Espaciados */

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:2rem;
    --space-lg:4rem;
    --space-xl:6rem;

    /* Bordes */

    --radius:12px;

    /* Sombra */

    --shadow:
        0 10px 30px rgba(0,0,0,.08);

}