/* JBTrack Theme Configuration */
:root {
    /* Primary Colors */
    --color-primary: #667eea;
    --color-primary-dark: #764ba2;
    --color-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* Text Colors */
    --color-text-primary: #2d3748;
    --color-text-secondary: #4a5568;
    --color-text-muted: #718096;
    --color-text-light: #a0aec0;
    --color-text-lighter: #cbd5e0;
    
    /* Background Colors */
    --color-bg-white: #ffffff;
    --color-bg-light: #f7fafc;
    --color-bg-lighter: #edf2f7;
    --color-bg-dark: #2d3748;
    
    /* Border Colors */
    --color-border-light: #e2e8f0;
    --color-border-medium: #cbd5e0;
    
    /* Status Colors */
    --color-success: #48bb78;
    --color-warning: #ed8936;
    --color-info: #667eea;
    
    /* Accent Colors */
    --color-accent-light: #f0f4ff;
    
    /* Fonts */
    --font-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    
    /* Font Sizes */
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 20px;
    --font-size-3xl: 22px;
    --font-size-4xl: 24px;
    --font-size-5xl: 28px;
    --font-size-6xl: 32px;
    --font-size-7xl: 36px;
    --font-size-8xl: 42px;
    --font-size-9xl: 48px;
    --font-size-10xl: 56px;
    
    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 8px;
    --spacing-md: 10px;
    --spacing-base: 12px;
    --spacing-lg: 15px;
    --spacing-xl: 20px;
    --spacing-2xl: 25px;
    --spacing-3xl: 30px;
    --spacing-4xl: 40px;
    --spacing-5xl: 50px;
    --spacing-6xl: 60px;
    --spacing-7xl: 80px;
    --spacing-8xl: 100px;
    
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-base: 10px;
    --radius-lg: 12px;
    --radius-xl: 15px;
    --radius-2xl: 20px;
    
    /* Shadows */
    --shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 5px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 10px 40px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 15px 50px rgba(0, 0, 0, 0.15);
    --shadow-addon: 0 8px 25px rgba(102, 126, 234, 0.15);
    
    /* Transitions */
    --transition-base: 0.3s ease;
    --transition-colors: color 0.3s ease;
    --transition-all: all 0.3s ease;
    
    /* Opacity */
    --opacity-high: 0.95;
    --opacity-medium: 0.9;
    --opacity-low: 0.2;
    --opacity-very-low: 0.15;
    
    /* Container Widths */
    --container-sm: 700px;
    --container-md: 1200px;
    --container-lg: 1400px;
    
    /* Z-index */
    --z-index-nav: 1000;
    --z-index-sticky: 100;
}