/* ==============================================================================
   deviers admin UI tokens — 26-10-01 디자인 마이그레이션 Phase 1
   방향: 전체 화이트톤 (다크 사이드바 미사용 — 검은 이미지 조회 구분 문제)
   단일 액센트(브랜드 블루), 채도 80% 이하, 그림자는 배경 톤 틴트
   ============================================================================== */
:root {
	/* ---- 컬러: 배경/표면 ---- */
	--dv-bg: #f6f7f9;            /* 앱 배경 */
	--dv-surface: #ffffff;       /* 카드/패널 표면 */
	--dv-surface-2: #fbfcfd;     /* 2차 표면(thead, 비활성 영역) */
	--dv-sidebar: #ffffff;       /* 사이드바 (라이트 확정) */

	/* ---- 컬러: 보더 ---- */
	--dv-border: #e4e7ec;
	--dv-border-soft: #eef0f3;
	--dv-border-strong: #d5d9e0;

	/* ---- 컬러: 텍스트 ---- */
	--dv-text-1: #111827;
	--dv-text-2: #4b5563;
	--dv-text-3: #9ca3af;
	--dv-text-inverse: #ffffff;

	/* ---- 컬러: 액센트/상태 ---- */
	--dv-accent: #2e5bff;
	--dv-accent-hover: #1f46d9;
	--dv-accent-tint: #eef2ff;
	--dv-accent-ring: rgba(46, 91, 255, .15);
	--dv-success: #16a34a;
	--dv-success-tint: #e8f7ee;
	--dv-warning: #d97706;
	--dv-warning-tint: #fdf3e3;
	--dv-danger: #dc2626;
	--dv-danger-hover: #b91c1c;
	--dv-danger-tint: #fdecec;
	--dv-info: #0284c7;
	--dv-info-tint: #e5f4fb;

	/* ---- 그림자 (배경 톤 틴트, 순수 블랙 금지) ---- */
	--dv-shadow-1: 0 1px 2px rgba(20, 27, 45, .05);
	--dv-shadow-2: 0 4px 12px rgba(20, 27, 45, .07);
	--dv-shadow-3: 0 20px 50px rgba(20, 27, 45, .18);

	/* ---- 반경 (컨테이너가 더 부드럽고 내부 요소는 타이트하게) ---- */
	--dv-radius-sm: 6px;
	--dv-radius: 8px;
	--dv-radius-lg: 10px;
	--dv-radius-xl: 14px;

	/* ---- 간격/기타 ---- */
	--dv-space: 4px;
	--dv-transition: .18s cubic-bezier(.4, 0, .2, 1);
	--dv-focus-ring: 0 0 0 3px var(--dv-accent-ring);

	/* ---- 레이아웃 ---- */
	--dv-sidebar-width: 250px;
	--dv-navbar-height: 56px;

	/* ---- z-index 스케일 ---- */
	--dv-z-sidebar: 1030;
	--dv-z-navbar: 1031;
	--dv-z-dropdown: 1040;
	--dv-z-overlay: 1050;
	--dv-z-modal: 1060;
	--dv-z-toast: 1070;
}