/* Cervantes Neumorphic Design System - Variables */
:root {
    /* Neumorphism 2.0 Colors */
    --bg-primary: #f0f2f5;
    --bg-secondary: #e8ecf1;
    --bg-card: #f4f6f9;
    --shadow-light: #ffffff;
    --shadow-dark: #d6dae0;
    --text-primary: #2c3e50;
    --text-secondary: #5a6c7d;
    --text-muted: #8b95a1;
    --accent-primary: #3655A2;
    --accent-secondary: #B8860B;
    --accent-gold: #F7C315;
    --success: #27ae60;
    --warning: #f39c12;
    --error: #e74c3c;
    --info: #3498db;

    /* Extended Colors for compatibility */
    --primary: var(--accent-primary); /* Alias para --accent-primary */
    --primary-light: #4C6BC0; /* Versión más clara */
    --primary-dark: #2A4485; /* Versión más oscura */
    --secondary: var(--accent-secondary); /* Alias */
    --accent: var(--accent-gold); /* Alias */

    /* Surface variants (aliases for bg-*) */
    --surface-00: var(--bg-primary);
    --surface-01: var(--bg-secondary);
    --surface-02: var(--bg-card);
    --surface-dark: var(--shadow-dark);
    --surface-light: var(--shadow-light);
    --bg-surface: var(--bg-card); /* Alias */
    --bg-input: #ffffff;

    /* Text variants (aliases) */
    --text-inverse: #ffffff;

    /* Neumorphic Shadows */
    --shadow-inset: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light);
    --shadow-outset: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);
    --shadow-outset-hover: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);
    --shadow-pressed: inset 2px 2px 4px var(--shadow-dark), inset -2px -2px 4px var(--shadow-light);

    /* Extended shadow variants for compatibility */
    --shadow-inset-light: var(--shadow-inset); /* Alias */
    --shadow-inset-deep: inset 12px 12px 24px #C5D4E6, inset -12px -12px 24px #FFFFFF;
    --shadow-outset-soft: var(--shadow-outset); /* Alias */
    --shadow-outset-strong: 20px 20px 40px #C5D4E6, -20px -20px 40px #FFFFFF;
    --shadow-float: 0 30px 60px rgba(0, 0, 0, 0.15), 0 10px 20px rgba(0, 0, 0, 0.1);

    /* Typography */
    --font-primary: 'Inter', sans-serif;
    --font-secondary: 'Roboto', sans-serif;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}