/* ==================== ODS (OBT Design System) 토큰 ==================== */
/* 모바일 앱 전환을 위한 디자인 토큰 - 기존 테마 CSS와 함께 로드 */

:root {
    /* === 간격 (8px 기반 그리드) === */
    --ods-space-1: 4px;
    --ods-space-2: 8px;
    --ods-space-3: 12px;
    --ods-space-4: 16px;
    --ods-space-5: 20px;
    --ods-space-6: 24px;
    --ods-space-8: 32px;
    --ods-space-10: 40px;

    /* === 타이포그래피 === */
    --ods-text-xs: 12px;
    --ods-text-sm: 13px;
    --ods-text-base: 14px;
    --ods-text-md: 15px;
    --ods-text-lg: 16px;
    --ods-text-xl: 18px;
    --ods-text-2xl: 20px;
    --ods-text-3xl: 24px;
    --ods-line-tight: 1.2;
    --ods-line-normal: 1.5;
    --ods-line-relaxed: 1.75;

    /* === 반경 === */
    --ods-radius-sm: 4px;
    --ods-radius-md: 8px;
    --ods-radius-lg: 12px;
    --ods-radius-xl: 16px;
    --ods-radius-full: 9999px;

    /* === 그림자 === */
    --ods-shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
    --ods-shadow-md: 0 4px 12px rgba(0,0,0,0.15);
    --ods-shadow-lg: 0 8px 24px rgba(0,0,0,0.2);
    --ods-shadow-xl: 0 12px 40px rgba(0,0,0,0.3);

    /* === 터치 타겟 === */
    --ods-touch-min: 44px;
    --ods-touch-comfortable: 48px;
    --ods-tab-bar-h: 56px;
    --ods-fab-size: 56px;
    --ods-header-h: 56px;

    /* === 안전 영역 === */
    --ods-safe-top: env(safe-area-inset-top, 0px);
    --ods-safe-bottom: env(safe-area-inset-bottom, 0px);
    --ods-safe-left: env(safe-area-inset-left, 0px);
    --ods-safe-right: env(safe-area-inset-right, 0px);

    /* === Z-index 체계 === */
    --ods-z-base: 1;
    --ods-z-sticky: 10;
    --ods-z-dropdown: 100;
    --ods-z-overlay: 900;
    --ods-z-modal: 1000;
    --ods-z-modal-nested: 1100;
    --ods-z-drawer: 9000;
    --ods-z-tabbar: 950;
    --ods-z-fab: 960;
    --ods-z-fab-menu: 980;
    --ods-z-fab-overlay: 970;
    --ods-z-bottomsheet: 9500;
    --ods-z-alert: 10000;

    /* === 애니메이션 === */
    --ods-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ods-ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
    --ods-duration-fast: 150ms;
    --ods-duration-normal: 250ms;
    --ods-duration-slow: 350ms;

    /* === 모바일 카드 === */
    --ods-card-padding: 14px 16px;
    --ods-card-gap: 1px;
    --ods-card-radius: 0px;

    /* === 스와이프 === */
    --ods-swipe-threshold: 80px;
    --ods-swipe-action-width: 80px;
}