/* Booking Page CSS Variables */

:root {
    /* Colors */
    --booking-primary-color: #2867DF;
    --booking-secondary-color: #6c757d;
    --booking-success-color: #28a745;
    --booking-danger-color: #dc3545;
    --booking-warning-color: #ffc107;
    --booking-info-color: #17a2b8;
    --booking-light-color: #f8f9fa;
    --booking-dark-color: #343a40;
    
    /* Borders */
    --booking-border-color: #ddd;
    --booking-border-radius: 0.375rem;
    --booking-border-width: 1px;
    
    /* Spacing */
    --booking-spacing-xs: 0.25rem;
    --booking-spacing-sm: 0.5rem;
    --booking-spacing-md: 1rem;
    --booking-spacing-lg: 1.5rem;
    --booking-spacing-xl: 3rem;
    
    /* Typography */
    --booking-font-size-xs: 0.75rem;
    --booking-font-size-sm: 0.875rem;
    --booking-font-size-base: 1rem;
    --booking-font-size-lg: 1.125rem;
    --booking-font-size-xl: 1.25rem;
    
    /* Shadows */
    --booking-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --booking-shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --booking-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    
    /* Z-index */
    --booking-z-index-modal: 1050;
    --booking-z-index-modal-backdrop: 1040;
    --booking-z-index-dropdown: 1000;
    --booking-z-index-sticky: 1020;
    --booking-z-index-fixed: 1030;
    
    /* Transitions */
    --booking-transition-base: all 0.15s ease-in-out;
    --booking-transition-fast: all 0.075s ease-in-out;
    --booking-transition-slow: all 0.3s ease-in-out;
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
    :root {
        --booking-light-color: #343a40;
        --booking-dark-color: #f8f9fa;
        --booking-border-color: #495057;
    }
}