/*
=================================================
DC Framework
Variables Globales
Versión 1.0
=================================================
*/

:root{

    /* Colores Principales */

    --dc-primary:#2563eb;
    --dc-primary-hover:#1d4ed8;

    --dc-secondary:#0f172a;

    --dc-success:#16a34a;
    --dc-warning:#f59e0b;
    --dc-danger:#dc2626;

    /* Fondos */

    --dc-bg:#ffffff;
    --dc-bg-soft:#f8fafc;

    /* Texto */

    --dc-text:#0f172a;
    --dc-text-light:#64748b;

    /* Bordes */

    --dc-border:#e2e8f0;

    /* Sombras */

    --dc-shadow-sm:0 2px 8px rgba(0,0,0,.05);
    --dc-shadow-md:0 10px 30px rgba(0,0,0,.08);
    --dc-shadow-lg:0 20px 60px rgba(0,0,0,.12);

    /* Radius */

    --dc-radius-sm:8px;
    --dc-radius-md:14px;
    --dc-radius-lg:22px;
    --dc-radius-xl:30px;

    /* Espaciado */

    --dc-space-1:4px;
    --dc-space-2:8px;
    --dc-space-3:12px;
    --dc-space-4:16px;
    --dc-space-5:24px;
    --dc-space-6:32px;
    --dc-space-7:48px;
    --dc-space-8:64px;

    /* Animaciones */

    --dc-speed:.3s;

}