/* =====================================================================
   DHPV 공통 디자인 토큰 (tokens.css)
   3000(생산/금형 EMR) · 3100(DHPV 검사) · 3200(견적) 세 앱이 **같은 파일**을 쓴다.
   09-10 디자인 개선 1단계(감사 + 토큰 통합)에서 신설. 규칙 = daeheung-mes/DESIGN.md §1·§1-C.
   ★ 세 앱의 tokens.css는 항상 동일해야 한다 — 한 곳을 고치면 나머지 둘에 그대로 복사한다.
   ★ 색은 이 토큰만 쓴다. 새 hex는 "조건부 서식"이면서 아래 표에 같은 용도가 없을 때만 허용.
   ★ 3100 인쇄·래스터(ui.js printCss/rasterizeNode)는 tokens.css + style.css를 이어 붙인다 —
     style.css만 넣으면 var()가 풀리지 않아 색이 사라진다.
   ===================================================================== */
:root {
  /* ---------- 1. 기본 팔레트 (07-16 확정 · 09-26 사장님 "3000과 맞춰" = 파랑·빨강·중립 글자/선·초록 글자를 3000 화면값(v5.css)으로. 흐림 글자 --dim = 하한 #8f99a8, 3000 v5.css도 이 값) · 둥글기·그림자·칩/작은 버튼 높이도 3000 v5 값 ---------- */
  --bg: #f4f6fa;          /* 페이지 배경 */
  --panel: #ffffff;       /* 패널·카드·팝업 배경 */
  --ink: #18202e;         /* 본문 글자 */
  --muted: #6a7488;       /* 라벨·힌트·보조 글자 */
  --line: #e5e9f0;        /* 기본 구분선·테두리 */
  --brand: #2b6de5;       /* 테마색 = 표 헤더·버튼·활성 탭·강조 바 */
  --brand-dark: #1f57bf;  /* 테마 진한색 = 제목·hover */
  --ok: #1a9d5a;          /* 정상/가동/완료/양수 (솔리드) */
  --warn: #d9900a;        /* 주의 (솔리드 — 조건부 칩에만) · 노랑 4값 = 3000 화면값(v5.css)으로 통일(09-26 사장님 결정) */
  --danger: #dc3b30;      /* 조치 필요 (솔리드 — 수검NG·미검사·접수대기) */
  --chip: #eef3fb;        /* 기본 칩 배경 */
  --bg-soft: #f7f9fc;     /* 소프트 박스 배경(입력 패널·미리보기·라벨 칸) */
  --hover: #f2f6fc;       /* 행/카드 호버 */
  --closed: #eef0f3;      /* 구조 회색(그룹 행·합계 줄·비활성 버튼) — 완료 표시에는 쓰지 않는다(→ --done-row) */
  --done-row: #f8f9fb;    /* 완료 행 배경(09-22): 마감·완료·측정한 행 = 흰색과 --closed 사이. 제목·머리·패널은 칠하지 않는다 */
  --dim: #8f99a8;         /* 비활성·흐림 글자 하한(플레이스홀더 포함) — 이보다 옅은 회색 글자 금지 */
  --shadow: 0 1px 2px rgba(20,30,50,.05), 0 6px 20px rgba(20,30,50,.06);
  --radius: 12px;         /* 패널·카드·팝업 둥글기 */

  /* ---------- 2. 중립 보조 ---------- */
  --ink-2: #3c4757;       /* 2차 본문(그룹행·칩 글자·점 표시) */
  --line-2: #d2d8e3;      /* 강한 구분선(th/td 하단·합계선·드롭존·스크롤바) */
  --line-soft: #eef1f6;   /* 약한 격자선(td 우측·행 사이·트랙) */
  --gray-bg: #eef1f5;     /* 회색 칩·중립 강조 배경 */
  --gray-bg-2: #e5e7eb;   /* 눌리는 회색(파일 없음 버튼 등) */
  --in-tint: #fdf7ec;     /* 내부 관리치수 칸 웜 틴트(검사 표 in-col) */

  /* ---------- 3. 상태 가족 4종 — bg(옅음) / bg-2(진함) / line(테두리) / ink(글자) ----------
     파랑 = 브랜드·정보·선택 / 빨강 = 조치·부족·NG / 노랑 = 주의·미입력·대기 / 초록 = 완료·정상 */
  --brand-bg: #eaf1fd;    /* 파랑 옅음: 셀 호버·드롭존·트리 호버 */
  --brand-bg-2: #e3ecfb;  /* 파랑 중간: 선택(on)·PO 정보 박스·첨부 있음 */
  --brand-bg-3: #dbe7fb;  /* 파랑 진함: 활성 서브탭·필터 그룹 라벨·도움 칩 */
  --brand-line: #c6d8fa;  /* 파랑 테두리(날짜 칩·지표 박스·가동 칩) */
  --brand-line-2: #9fbdf3;/* 파랑 진한 테두리(PO 박스·포커스 외곽선·합계 칩) */
  --brand-ink: #1f4fb0;   /* 파랑 글자(메모 제목·필터 라벨·보고서 소제목) */

  --danger-bg: #fdecea;   /* 빨강 옅음: 음수·부족 행·NG 입력칸·경고 입력칸 */
  --danger-bg-2: #fbe2df; /* 빨강 중간: 대기 칩/버튼·의뢰 줄·부족 셀 */
  --danger-line: #f4c7c1; /* 빨강 테두리 */
  --danger-ink: #b2271e;  /* 빨강 글자·솔리드 hover */

  --warn-bg: #fdf2da;     /* 노랑 옅음: 미입력 칸·NG 행·오늘 셀·앰버 버튼 */
  --warn-bg-2: #fbe9c4;   /* 노랑 중간: 주의 칩·hover·복사값 강조 */
  --warn-line: #ecd9a8;   /* 노랑 테두리 */
  --warn-ink: #8a5a00;    /* 노랑 글자(대비 5:1 — 옅은 #9a7400 금지) */
  --amber: #e08b1e;       /* 주황 솔리드: 달력 오늘 헤더 */
  --amber-ink: #b45f06;   /* 주황 글자: 내부 공차 주의·초기화 버튼 */

  --ok-bg: #e4f6ec;       /* 초록 옅음: 정상 칩·채택 행·완료 단계 */
  --ok-line: #bfe6cf;     /* 초록 테두리(저장됨 태그) */
  --ok-ink: #137a45;      /* 초록 글자·저장 버튼 hover */

  /* ---------- 4. 사용자 마킹 — 우클릭 행 색 3종 · 형광펜 3종 · 메모 (사용자가 익힌 색, 값 고정) ---------- */
  --mark-blue: #dbe9fa;   /* rc1 */
  --mark-amber: #fdeed2;  /* rc2 */
  --mark-green: #e0f0e2;  /* rc3 */
  --hl-y: #ffe999;        /* 형광펜 노랑 */
  --hl-r: #ffc2c2;        /* 형광펜 빨강 */
  --hl-g: #e4e6ea;        /* 형광펜 회색 */
  --memo-bg: #fff9c4;  --memo-line: #d6c76a;  --memo-ink: #3b3a2a;   /* 셀 메모 포스트잇 */

  /* ---------- 5. NG% 3밴드 (3100 구글시트 표준 — salmon/yellow/blue) ---------- */
  --band-hi-bg: #ea9999;  --band-hi-ink: #7a1c14;
  --band-mid-bg: #ffe59a; --band-mid-ink: #7a5b00;
  --band-lo-bg: #cfe0f6;  --band-lo-ink: #16407a;

  /* ---------- 6. 타이포 스케일 (DESIGN §2 — 이 9종 외 새 크기 금지; 인쇄·SVG 차트만 예외) ---------- */
  --fs-xs: 11.5px;    /* 미세 태그 하한 */
  --fs-sm: 12px;      /* 힌트·버튼 sm·칩 */
  --fs-base: 12.5px;  /* 표·본문·칩·버튼 표준 */
  --fs-md: 13.5px;    /* 팝업 본문 */
  --fs-h2: 14px;      /* 패널 제목 */
  --fs-lg: 15px;      /* 강조값·h1 영문·modal h3·dkv */
  --fs-h1: 18px;      /* 화면 제목·stat 라벨 */
  --fs-stat: 20px;    /* qstat 지표 */
  --fs-kpi: 31px;     /* 대시보드 지표 */

  /* ---------- 7. 둥글기 ---------- */
  --r-sm: 4px;        /* 입력칸·셀 안 칩 */
  --r-md: 6px;        /* 작은 버튼·태그 */
  --r-lg: 8px;        /* 버튼·칩·박스 표준 */
  --r-pill: 999px;    /* 알약 칩·배지 */

  /* ---------- 8. 높이 (칩 틀 안 간격 규칙: 행 32 → 칩 24 + 상하좌우 4) ---------- */
  --h-row: 26px;      /* 표 행 */
  --h-ctl: 32px;      /* 입력칸·버튼·필터 줄 */
  --h-chip: 22px;     /* 셀·구획 안 칩/버튼(09-26 = 3000 v5) */
  --h-chip-sm: 20px;  /* 패널 제목줄 버튼·미니 칩 */
  --h-btn-sm: 26px;   /* 작은 버튼(09-26 = 3000 v5) */
  --h-input-lg: 38px; /* 큰 입력칸 */
  --h-nav: 56px;      /* 상단 네비 */

  /* ---------- 9. 간격 ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;  --sp-5: 20px;  --sp-6: 24px;

  /* ---------- 10. z 층 ---------- */
  --z-sticky: 30;     /* 표 고정 헤더 */
  --z-kpi: 40;        /* 고정 KPI 줄 */
  --z-nav: 50;        /* 상단 네비 */
  --z-modal: 100;     /* 팝업 — ui.js nextModalZ가 100~139로 승격(복수 팝업) */
  --z-modal-top: 140; /* 팝업 위 고정 요소 */
  --z-menu: 200;      /* 우클릭 팔레트·드롭다운 */
  --z-toast: 300;     /* 토스트·확인창 */
}