/**
 * CSS Variables - Design System
 * MTune Dashboard Theme Variables
 */

:root {
    /* Primary Colors */
    --mtune-primary: #3b7cff;
    --mtune-primary-light: #6ea3ff;
    --mtune-primary-dark: #2563eb;
    --mtune-primary-rgb: 59, 124, 255;
    
    /* Accent Colors */
    --mtune-accent: #22d3ee;
    --mtune-accent-light: #67e8f9;
    --mtune-accent-dark: #06b6d4;
    --mtune-accent-rgb: 34, 211, 238;
    
    /* Dark Theme Colors */
    --mtune-dark-100: #1c1c22;
    --mtune-dark-200: #14141a;
    --mtune-dark-300: #0c0c10;
    --mtune-dark-400: #08080c;
    --mtune-dark-500: #040406;
    
    /* Glass Colors */
    --mtune-glass-bg: rgba(255, 255, 255, 0.04);
    --mtune-glass-bg-hover: rgba(255, 255, 255, 0.07);
    --mtune-glass-bg-active: rgba(255, 255, 255, 0.1);
    --mtune-glass-border: rgba(255, 255, 255, 0.08);
    --mtune-glass-border-hover: rgba(255, 255, 255, 0.16);
    
    /* Text Colors */
    --mtune-text-primary: #ffffff;
    --mtune-text-secondary: rgba(255, 255, 255, 0.7);
    --mtune-text-tertiary: rgba(255, 255, 255, 0.5);
    --mtune-text-muted: rgba(255, 255, 255, 0.3);
    
    /* Status Colors */
    --mtune-success: #00C853;
    --mtune-success-bg: rgba(0, 200, 83, 0.15);
    --mtune-error: #FF5252;
    --mtune-error-bg: rgba(255, 82, 82, 0.15);
    --mtune-warning: #FFD740;
    --mtune-warning-bg: rgba(255, 215, 64, 0.15);
    --mtune-info: #40C4FF;
    --mtune-info-bg: rgba(64, 196, 255, 0.15);
    
    /* Border Radius */
    --mtune-radius-xs: 6px;
    --mtune-radius-sm: 10px;
    --mtune-radius-md: 16px;
    --mtune-radius-lg: 24px;
    --mtune-radius-xl: 32px;
    --mtune-radius-full: 9999px;
    
    /* Spacing */
    --mtune-space-xs: 4px;
    --mtune-space-sm: 8px;
    --mtune-space-md: 16px;
    --mtune-space-lg: 24px;
    --mtune-space-xl: 32px;
    --mtune-space-2xl: 48px;
    --mtune-space-3xl: 64px;
    
    /* Typography */
    --mtune-font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --mtune-font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Font Sizes */
    --mtune-text-xs: 0.75rem;
    --mtune-text-sm: 0.875rem;
    --mtune-text-base: 1rem;
    --mtune-text-lg: 1.125rem;
    --mtune-text-xl: 1.25rem;
    --mtune-text-2xl: 1.5rem;
    --mtune-text-3xl: 1.875rem;
    --mtune-text-4xl: 2.25rem;
    
    /* Shadows */
    --mtune-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --mtune-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);
    --mtune-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.25);
    --mtune-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.3);
    --mtune-shadow-glow: 0 0 48px rgba(var(--mtune-primary-rgb), 0.22);
    --mtune-shadow-glow-accent: 0 0 48px rgba(var(--mtune-accent-rgb), 0.18);
    
    /* Transitions */
    --mtune-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --mtune-transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --mtune-transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
    --mtune-transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
    
    /* Layout */
    --mtune-sidebar-width: 280px;
    --mtune-sidebar-collapsed: 80px;
    --mtune-header-height: 70px;
    --mtune-content-max-width: 1400px;
    
    /* Z-Index Scale */
    --mtune-z-base: 1;
    --mtune-z-dropdown: 100;
    --mtune-z-sticky: 200;
    --mtune-z-modal: 300;
    --mtune-z-toast: 400;
    --mtune-z-tooltip: 500;
}