/**
 * E-GYM - Design tokens
 * Paleta consistente con la landing page
 * WCAG AA contrast ratios
 */
:root {
    /* Light mode */
    --egym-bg: #f8fafc;
    --egym-bg-alt: #f1f5f9;
    --egym-surface: #ffffff;
    --egym-surface-elevated: #ffffff;
    --egym-surface-hover: #f1f5f9;
    --egym-text: #1e293b;
    --egym-text-heading: #0f172a;
    --egym-text-muted: #64748b;
    --egym-border: #e2e8f0;
    --egym-border-subtle: #f1f5f9;
    --egym-border-hover: #cbd5e1;
    --egym-shadow: 0 1px 3px rgba(0,0,0,0.06);
    --egym-shadow-lg: 0 4px 16px rgba(0,0,0,0.08);
    --egym-shadow-glow: 0 4px 14px rgba(16, 185, 129, 0.25);

    /* Acentos */
    --egym-primary: #0d9488;
    --egym-primary-hover: #0f766e;
    --egym-primary-muted: #ccfbf1;
    --egym-accent: #10b981;
    --egym-accent-dark: #059669;
    --egym-gradient: linear-gradient(135deg, #10b981 0%, #0d9488 100%);
    --egym-gradient-dark: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
    --egym-success: #059669;
    --egym-success-muted: #d1fae5;
    --egym-warning: #d97706;
    --egym-warning-muted: #fef3c7;
    --egym-danger: #dc2626;
    --egym-danger-muted: #fee2e2;

    /* UI */
    --egym-radius: 12px;
    --egym-radius-sm: 8px;
    --egym-radius-lg: 16px;
    --egym-radius-xl: 20px;
    --egym-radius-full: 9999px;
    --egym-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    /* Nav */
    --egym-nav-bg: rgba(255,255,255,0.88);
}

/* Dark mode */
html.theme-dark,
html[data-theme="dark"] {
    --egym-bg: #0b0f14;
    --egym-bg-alt: #111820;
    --egym-surface: #161d28;
    --egym-surface-elevated: #1c2536;
    --egym-surface-hover: #243040;
    --egym-text: #e2e8f0;
    --egym-text-heading: #f1f5f9;
    --egym-text-muted: #94a3b8;
    --egym-border: #1e293b;
    --egym-border-subtle: #1a2332;
    --egym-border-hover: #334155;
    --egym-shadow: 0 1px 3px rgba(0,0,0,0.3);
    --egym-shadow-lg: 0 4px 16px rgba(0,0,0,0.45);
    --egym-shadow-glow: 0 4px 20px rgba(13, 148, 136, 0.2);

    --egym-primary: #5eead4;
    --egym-primary-hover: #2dd4bf;
    --egym-primary-muted: #134e4a;
    --egym-accent: #34d399;
    --egym-accent-dark: #10b981;
    --egym-success: #34d399;
    --egym-success-muted: #064e3b;
    --egym-warning: #fbbf24;
    --egym-warning-muted: #422006;
    --egym-danger: #f87171;
    --egym-danger-muted: #450a0a;

    --egym-nav-bg: rgba(11,15,20,0.88);
}

/* Light mode explicit */
html[data-theme="light"] {
    --egym-bg: #f8fafc;
    --egym-bg-alt: #f1f5f9;
    --egym-surface: #ffffff;
    --egym-surface-elevated: #ffffff;
    --egym-surface-hover: #f1f5f9;
    --egym-text: #1e293b;
    --egym-text-heading: #0f172a;
    --egym-text-muted: #64748b;
    --egym-border: #e2e8f0;
    --egym-border-subtle: #f1f5f9;
    --egym-border-hover: #cbd5e1;
    --egym-shadow: 0 1px 3px rgba(0,0,0,0.06);
    --egym-shadow-lg: 0 4px 16px rgba(0,0,0,0.08);

    --egym-primary: #0d9488;
    --egym-primary-hover: #0f766e;
    --egym-primary-muted: #ccfbf1;
    --egym-accent: #10b981;
    --egym-success: #059669;
    --egym-success-muted: #d1fae5;
    --egym-warning: #d97706;
    --egym-warning-muted: #fef3c7;
    --egym-danger: #dc2626;
    --egym-danger-muted: #fee2e2;
    --egym-nav-bg: rgba(255,255,255,0.88);
}