/* 
 * [Round 3 R3-1] z-index 표준 토큰 시스템
 * 2026-05-22
 * 
 * 기존 무질서한 z-index 값 (99999, 10000, 9999, 9998, 9990, 9900...) 
 * 을 표준화. CSS 변수로 의미 기반 레이어링.
 * 
 * 사용법: z-index: var(--z-modal);
 * 인라인 style에서도 var() 사용 가능 (모던 브라우저).
 */
:root {
    --z-base:          0;     /* 기본 컨텐츠 */
    --z-raised:       10;     /* 살짝 띄움 (hover) */
    --z-sticky:      100;     /* sticky header */
    --z-dropdown:    200;     /* 드롭다운, 컨텍스트 메뉴 */
    --z-fab:         300;     /* 플로팅 액션 버튼 */
    --z-sidebar:    1000;     /* 사이드바 */
    --z-overlay:    9000;     /* 일반 오버레이 (드래그 가이드 등) */
    --z-modal:      9500;     /* 모달 컨테이너 */
    --z-modal-top:  9600;     /* 모달 위 모달 (confirm in dialog) */
    --z-toast:      9700;     /* 토스트 알림 */
    --z-tooltip:    9800;     /* 툴팁 */
    --z-loader:     9900;     /* 전역 로딩 인디케이터 */
    --z-critical:   9999;     /* 절대 위 (auth-error 등 critical) */
}

/* 호환 헬퍼 클래스 (refactor 점진 도입용) */
.z-modal       { z-index: var(--z-modal); }
.z-modal-top   { z-index: var(--z-modal-top); }
.z-toast       { z-index: var(--z-toast); }
.z-tooltip     { z-index: var(--z-tooltip); }
.z-loader      { z-index: var(--z-loader); }
.z-critical    { z-index: var(--z-critical); }
.z-sidebar     { z-index: var(--z-sidebar); }
.z-dropdown    { z-index: var(--z-dropdown); }
.z-fab         { z-index: var(--z-fab); }
.z-sticky      { z-index: var(--z-sticky); }