/* =====================================================
   Structure Variables - 구조 변수
   레이아웃, 여백, 크기, z-index 등 위치/배치 관련
   ===================================================== */

:root {
    /* ========================================
       SPACING (여백)
       ======================================== */
    --spacing-xs: 0.25rem;
    /* 4px */
    --spacing-sm: 0.5rem;
    /* 8px */
    --spacing-md: 1rem;
    /* 16px */
    --spacing-lg: 1.5rem;
    /* 24px */
    --spacing-xl: 2rem;
    /* 32px */
    --spacing-2xl: 3rem;
    /* 48px */
    --spacing-3xl: 4rem;
    /* 64px */
    --spacing-4xl: 6rem;
    /* 96px */
    --spacing-5xl: 8rem;
    /* 128px */

    /* ========================================
       LAYOUT (레이아웃)
       ======================================== */
    --container-padding: 14px;
    --container-padding-mobile: 14px;
    --container-max-width: 1320px;
    --content-max-width: 1320px;
    --content-padding: 32px;
    --content-padding-mobile: 14px;

    --header-height: 110px;
    --header-height-mobile: 64px;

    /* ========================================
       Z-INDEX (레이어)
       ======================================== */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal-backdrop: 400;
    --z-modal: 500;
    --z-tooltip: 600;
}