/* ==========================================================================
   Design Tokens — Light Mode (Derivado)
   ========================================================================== */

[data-theme="light"] {
    /* Fondos */
    --mm-bg-primary: #FFFFFF;
    --mm-bg-secondary: #F1F5F9;
    --mm-bg-elevated: #FFFFFF;

    /* Bordes */
    --mm-border: #E2E8F0;
    --mm-border-active: #0B91A3;

    /* Acento (Turquesa — oscurecido para contraste WCAG AA) */
    --mm-accent: #0B91A3;
    --mm-accent-hover: #097A89;
    --mm-accent-light: #5CE1E6;

    /* Texto */
    --mm-heading: #0F172A;
    --mm-text: #334155;
    --mm-text-secondary: #64748B;
    --mm-text-disabled: #94A3B8;

    /* Inputs */
    --mm-input-bg: #F8FAFC;

    /* Sombras (más sutiles en modo claro) */
    --mm-shadow-light: rgba(0, 0, 0, .08);
    --mm-shadow-medium: rgba(0, 0, 0, .12);
}