/**
 * CSS Custom Properties
 * Only things Elementor CAN'T handle
 */

:root {
    /* ===== SPACING SCALE ===== */
    /* Use when you need consistent spacing outside Elementor widgets */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;

    /* ===== TRANSITIONS ===== */
    /* For custom CSS animations/hovers */
    --transition-base: 0.2s ease-out;

    /* ===== Z-INDEX SCALE ===== */
    /* Avoid z-index wars */
    --z-sticky: 500;
    --z-header: 1000;
    --z-modal: 2000;
}