/* ═══════════════════════════════════════════════════════════════════
   NOVA GESTION - DESIGN SYSTEM TOKENS v2.0
   Premium SaaS Visual Architecture
   ═══════════════════════════════════════════════════════════════════ */

:root {
    /* ═══ COLORS - BASE (Default: Corporate Theme) ═══ */
    --bg-app: #F1F3F6;
    --bg-surface: #FFFFFF;
    --bg-elevated: #F8FAFC;
    --bg-card: #FFFFFF;
    --bg-hover: #F1F5F9;

    --border-subtle: #D6DAE1;
    --border-light: #CBD5E1;
    --border-focus: #0F2A44;

    --text-primary: #0F2A44;
    --text-secondary: #475569;
    --text-muted: #64748B;

    --accent: #0F2A44;
    --accent-hover: #0a1929;
    --accent-light: #004d99;

    --success: #10B981;
    --success-light: #D1FAE5;
    --success-dark: #059669;

    --danger: #EF4444;
    --danger-light: #FEE2E2;
    --danger-dark: #DC2626;

    --warning: #F59E0B;
    --warning-light: #FEF3C7;
    --warning-dark: #D97706;

    --info: #0EA5E9;
    --info-light: #E0F2FE;

    --primary: #1e40af;
    --primary-dark: #1e3a8a;
    --primary-light: #3b82f6;

    --header-bg: #0284c7;
    --header-text: #FFFFFF;
    --sidebar-bg: #FFFFFF;
    --sidebar-text: #0F2A44;

    /* ═══ SPACING ═══ */
    --space-xs: 6px;
    --space-sm: 12px;
    --space-md: 20px;
    --space-lg: 32px;
    --space-xl: 48px;

    /* ═══ BORDER RADIUS ═══ */
    --radius-sm: 0.75rem;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-full: 9999px;

    /* ═══ SHADOWS ═══ */
    --shadow-soft: 0 4px 12px rgba(15, 42, 68, 0.1);
    --shadow-md: 0 6px 16px rgba(15, 42, 68, 0.12);
    --shadow-lg: 0 12px 30px rgba(15, 42, 68, 0.15);
    --shadow-glow: 0 0 20px rgba(15, 42, 68, 0.2);

    /* ═══ TYPOGRAPHY ═══ */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* ═══ LAYOUT ═══ */
    --sidebar-width: 280px;
    --header-height: 82px;
    --content-max-width: 1400px;

    /* ═══ TRANSITIONS ═══ */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.35s ease;
}

/* Light Theme (Alternative to Corporate) */
html[data-theme="light"] {
    --bg-app: #f8fafc;
    --bg-surface: #FFFFFF;
    --bg-elevated: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-hover: #F1F5F9;

    --border-subtle: #e2e8f0;
    --border-light: #cbd5e1;

    --accent: #3b82f6;
    --primary: #2563eb;

    --header-bg: #ffffff;
    --header-text: #0f172a;
    --sidebar-bg: #ffffff;
    --sidebar-text: #0f172a;

    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #94a3b8;

    --shadow-soft: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

/* Corporate Theme (Specific Override) */
html[data-theme="corporate"],
html.corporate-mode {
    --header-bg: #0F2A44;
    --header-text: #FFFFFF;
    --accent: #0F2A44;
    --primary: #0F2A44;
}

/* Dark Theme Override */
html[data-theme="dark"],
html.dark-mode {
    --bg-app: #0B0F19;
    --bg-surface: #111827;
    --bg-elevated: #1F2937;
    --bg-card: #111827;
    --bg-hover: #1F2937;

    --border: #1F2937;
    --border-subtle: #1F2937;
    --border-light: #374151;

    --text-primary: #F8FAFC;
    --text-secondary: #CBD5E1;
    --text-muted: #94A3B8;

    --accent: #60A5FA;
    --accent-hover: #3B82F6;
    --primary: #60A5FA;

    --header-bg: #111827;
    --header-text: #F8FAFC;
    --sidebar-bg: #111827;
    --sidebar-text: #F8FAFC;

    --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}