/*
==========================================
MARIPOSA DESIGN SYSTEM
==========================================
*/

:root{

    /* Colores */

    --mc-primary:#D97706;

    --mc-primary-hover:#B45309;

    --mc-secondary:#1E3A5F;

    --mc-success:#16A34A;

    --mc-danger:#DC2626;

    --mc-warning:#F59E0B;

    --mc-white:#FFFFFF;

    --mc-background:#F8FAFC;

    --mc-surface:#FFFFFF;

    --mc-border:#E5E7EB;

    --mc-title:#0F172A;

    --mc-text:#475569;

    /* Bordes */

    --mc-radius-xs:6px;

    --mc-radius-sm:10px;

    --mc-radius-md:16px;

    --mc-radius-lg:22px;

    --mc-radius-xl:28px;

    /* Sombras */

    --mc-shadow-sm:0 2px 6px rgba(0,0,0,.06);

    --mc-shadow-md:0 10px 25px rgba(0,0,0,.08);

    --mc-shadow-lg:0 20px 45px rgba(0,0,0,.10);

    /* Espaciado */

    --mc-space-1:4px;

    --mc-space-2:8px;

    --mc-space-3:12px;

    --mc-space-4:16px;

    --mc-space-5:24px;

    --mc-space-6:32px;

    --mc-space-7:48px;

    --mc-space-8:64px;

    /* Transiciones */

    --mc-transition:.30s ease;

}