/* Global CSS Variables - Shared across all stylesheets */
:root {
    /* Primary Colors */
    --primary: #8B0000;
    --primary-color: #8B0000; /* Alias for compatibility */
    --primary-dark: #5c0000;
    --primary-light: #b81c1c;
    --primary-lighter: #d88080;
    
    /* Secondary Colors */
    --secondary: #f3b712;
    --secondary-color: #f3b712; /* Alias for compatibility */
    --accent: #31302c;
    
    /* Card-specific aliases */
    --card-primary: #8B0000;
    --card-secondary: #31302c;
    --card-accent: #f3b712;
    
    /* Background Colors */
    --bg-main: #f9f9f9;
    --bg-color: #f9f9f9; /* Alias for compatibility */
    --bg-card: #ffffff;
    --card-bg: #ffffff; /* Alias for compatibility */
    --bg-dark: #0f0f0f;
    --bg-dark-card: #1a1a1a;
    --bg-dark-hover: #252525;
    --bg-hover: #252525; /* Alias for compatibility */
    
    /* Text Colors */
    --text-primary: #333333;
    --text-color: #333333; /* Alias for compatibility */
    --text-secondary: #666666;
    --text-light: #666666; /* Alias for compatibility */
    --text-muted: #888888;
    --text-white: #ffffff;
    
    /* Border Colors */
    --border-main: #e0e0e0;
    --border-color: #e0e0e0;
    --border: #2a2a2a; /* Alias for dashboard compatibility */
    --border-dark: #2a2a2a;
    
    /* Gray Scale */
    --gray-100: #f3f3f3;
    --gray-200: #e9e9e9;
    --gray-300: #d1d1d1;
    --gray-400: #a0a0a0;
    --gray-500: #6c6c6c;
    
    /* Card gray aliases */
    --card-gray-100: #f3f3f3;
    --card-gray-200: #e9e9e9;
    --card-gray-300: #d1d1d1;
    --card-gray-400: #a0a0a0;
    --card-gray-500: #6c6c6c;
    
    /* Status Colors */
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;
    
    /* Shadows */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    --border-radius: 12px; /* Alias for compatibility */
    
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-full: 9999px;
    
    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-2xl: 24px;
    --space-3xl: 32px;
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* Alias for compatibility */
    --transition-smooth: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    --transition-bounce: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Z-index */
    --z-base: 1;
    --z-dropdown: 100;
    --z-modal: 1000;
    --z-toast: 2000;
    --z-tooltip: 3000;
    
    /* Font Families */
    --font-primary: 'Lexend', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Lexend', sans-serif;
    --font-card: 'Lexend', -apple-system, sans-serif;
}

/* Common utility classes */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-sm { gap: var(--space-sm); }
.gap-md { gap: var(--space-md); }
.gap-lg { gap: var(--space-lg); }

.rounded-sm { border-radius: var(--radius-sm); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-xl { border-radius: var(--radius-xl); }
.rounded-2xl { border-radius: var(--radius-2xl); }
.rounded-full { border-radius: var(--radius-full); }

.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }

.transition { transition: var(--transition-base); }
.transition-smooth { transition: var(--transition-smooth); }