/* Global CSS Variables */
:root {
    /* Colors */
    --primary-color: #4e73df;
    --secondary-color: #858796;
    --success-color: #1cc88a;
    --info-color: #36b9cc;
    --warning-color: #f6c23e;
    --danger-color: #e74a3b;
    --light-color: #f8f9fc;
    --dark-color: #5a5c69;
    
    /* Gradients */
    --primary-gradient: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
    --success-gradient: linear-gradient(135deg, #1cc88a 0%, #13855c 100%);
    --info-gradient: linear-gradient(135deg, #36b9cc 0%, #258391 100%);
    --warning-gradient: linear-gradient(135deg, #f6c23e 0%, #dda20a 100%);
    --danger-gradient: linear-gradient(135deg, #e74a3b 0%, #be2617 100%);
    
    /* Shadows */
    --card-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    --dropdown-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --button-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    --hover-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --transition-speed: 0.3s;
    --transition-all: all 0.3s ease;
    
    /* Border Radius */
    --border-radius-sm: 0.25rem;
    --border-radius: 0.5rem;
    --border-radius-lg: 0.75rem;
    --border-radius-xl: 1rem;
    
    /* Spacing */
    --navbar-height: 70px;
    --section-spacing: 2rem;
    --card-spacing: 1.5rem;
    
    /* Typography */
    --font-family: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-base: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.25rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
    --font-weight-extra-bold: 700;
    
    /* Z-index */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal: 1040;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;
}