/* Professional Business Theme */
:root {
    --primary-color: #1e40af;
    --primary: #1e40af;
    --primary-light: #dbeafe;
    --primary-hover: #1e3a8a;
    --primary-dark: #172554;
    --primary-50: #eff6ff;
    --primary-rgb: 30, 64, 175;
    
    --secondary-color: #64748b;
    --secondary: #64748b;
    --secondary-light: #f1f5f9;
    
    --success-color: #059669;
    --success: #059669;
    --success-light: #d1fae5;
    --success-dark: #047857;
    
    --warning-color: #d97706;
    --warning: #d97706;
    --warning-light: #fef3c7;
    --warning-dark: #b45309;
    
    --danger-color: #dc2626;
    --danger: #dc2626;
    --danger-light: #fee2e2;
    --danger-dark: #b91c1c;
    
    --info: #0284c7;
    --info-color: #0284c7;
    --info-light: #e0f2fe;
    --info-dark: #0369a1;
    
    --background-color: #f8fafc;
    --surface-color: #ffffff;
    --surface-hover: #f8fafc;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --border-color: #e2e8f0;
    --border-light: #f1f5f9;
    
    /* Neutral/Slate scale - FIXES undefined variable errors */
    --neutral-50: #f8fafc;
    --neutral-100: #f1f5f9;
    --neutral-200: #e2e8f0;
    --neutral-300: #cbd5e1;
    --neutral-400: #94a3b8;
    --neutral-500: #64748b;
    --neutral-600: #475569;
    --neutral-700: #334155;
    --neutral-800: #1e293b;
    --neutral-900: #0f172a;
    
    /* Gray alias (used by email templates and miscellaneous) */
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-500: #64748b;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;
    
    --slate-50: #f8fafc;
    --slate-100: #f1f5f9;
    --slate-200: #e2e8f0;
    --slate-300: #cbd5e1;
    --slate-400: #94a3b8;
    --slate-500: #64748b;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1e293b;
    --slate-900: #0f172a;
    
    /* Blue scale - FIXES undefined variable errors */
    --blue-400: #3b82f6;
    --blue-500: #1e40af;
    --blue-600: #1e3a8a;
    
    /* Other scale colors used by templates */
    --green-500: #059669;
    --amber-500: #d97706;
    --red-500: #dc2626;
    --purple-500: #7c3aed;
    --purple-700: #6d28d9;
    --indigo-50: #f5f3ff;
    --indigo-500: #6366f1;
    
    /* Sidebar */
    --sidebar-bg: #0f172a;
    --sidebar-text: rgba(255, 255, 255, 0.7);
    --sidebar-text-hover: #ffffff;
    --sidebar-active-bg: rgba(30, 64, 175, 0.3);
    --sidebar-hover-bg: rgba(255, 255, 255, 0.08);
    --sidebar-heading: rgba(255, 255, 255, 0.4);
    --sidebar-border: rgba(255, 255, 255, 0.08);
    
    /* Auth */
    --auth-gradient-start: #1e40af;
    --auth-gradient-end: #0f172a;
    --auth-focus-shadow: rgba(30, 64, 175, 0.25);
    --auth-hover-shadow: rgba(30, 64, 175, 0.4);

    /* Call Interface */
    --call-bg: #1a1a2e;
    --call-bg-secondary: #16213e;
    --call-bg-deep: #0f3460;
    --call-btn-bg: #383850;
    --call-accent-danger: #e94560;
    --call-accent-danger-hover: #c23152;
    --call-accent-success: #4ecca3;
    --call-accent-success-hover: #3dbb94;
    --call-speaking: #4ecca3;
    --call-speaking-alt: #2ecc71;
    --call-text-muted: #999;
    
    /* Dark mode */
    --dark-bg-primary: #0f172a;
    --dark-bg-secondary: #1e293b;
    --dark-bg-tertiary: #334155;
    --dark-bg-input: #1e293b;
    --dark-border: #475569;
    --dark-text-primary: #f1f5f9;
    --dark-text-secondary: #94a3b8;
    --dark-text-muted: #64748b;
    --dark-accent: #60a5fa;
    --dark-success: #34d399;
    --dark-warning: #fbbf24;
    --dark-danger: #f87171;
    --dark-info: #38bdf8;
    --accent-green: #60a5fa;
    
    /* NPS */
    --nps-accent: var(--primary);
    
    /* Component tokens */
    --card-border-radius: 12px;
    --card-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --card-shadow-hover: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
    --btn-border-radius: 8px;
    --input-border-radius: 8px;
    --badge-border-radius: 6px;
    
    /* Table */
    --table-header-bg: #f8fafc;
    --table-header-color: #334155;
    --table-stripe-bg: #f8fafc;
    --table-hover-bg: #eff6ff;
    --table-border-color: #e2e8f0;
    
    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-xxl: 3rem;
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;
}

/* Component styles are in modern-crm.css */