/* ==========================================================================
   Design Tokens — Dark Mode (Default)
   ========================================================================== */

:root,
[data-theme="dark"] {
    /* Fondos */
    --mm-bg-primary: #07131D;
    --mm-bg-secondary: #0D1B2A;
    --mm-bg-elevated: #162432;

    /* Bordes */
    --mm-border: #22384A;
    --mm-border-active: #0EA5B7;

    /* Acento (Turquesa) */
    --mm-accent: #11C5D9;
    --mm-accent-hover: #0B91A3;
    --mm-accent-light: #5CE1E6;

    /* Color de apoyo */
    --mm-support: #1E4F63;

    /* Texto */
    --mm-heading: #F8FAFC;
    --mm-text: #E5E7EB;
    --mm-text-secondary: #B5C2CF;
    --mm-text-disabled: #6C7A89;

    /* Estados */
    --mm-success: #22C55E;
    --mm-warning: #F59E0B;
    --mm-error: #EF4444;
    --mm-info: #3B82F6;

    /* Sombras */
    --mm-shadow-light: rgba(0, 0, 0, .20);
    --mm-shadow-medium: rgba(0, 0, 0, .35);

    /* Espaciado (escala de 8) */
    --mm-esp-xs: 8px;
    --mm-esp-sm: 16px;
    --mm-esp-md: 24px;
    --mm-esp-lg: 32px;
    --mm-esp-xl: 48px;
    --mm-esp-2xl: 64px;
    --mm-esp-3xl: 96px;

    /* Border Radius */
    --mm-radio-card: 16px;
    --mm-radio-btn: 12px;
    --mm-radio-input: 10px;
    --mm-radio-full: 50%;
    --mm-radio-pill: 9999px;

    /* Fuentes */
    --mm-font-primary: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --mm-font-mono: "JetBrains Mono", "Fira Code", monospace;

    /* Layout */
    --mm-max-width: 1200px;
    --mm-header-height: 72px;
}