/* erp2 디자인 토큰 — 공동규정집 24조 · 규약 knowledge/규약/디자인시스템.md 7절. 값은 여기 한 곳. */
:root {
  color-scheme: only light;   /* 폰 다크 모드가 색을 억지로 뒤집지 못하게(폰-007, 2026-10-11) — 우리 어두운 꼴이 생기면 바꾼다 */
  /* 글꼴 — IBM Plex(대표님 2026-10-09). 영문 · 숫자는 Plex Sans, 한글은 Plex Sans KR, 번호 칸은 Plex Mono. 못 받으면 맑은 고딕 · Consolas (fonts.css) */
  --font-sans:"IBM Plex Sans", "IBM Plex Sans KR", "Malgun Gothic", "Segoe UI", sans-serif;
  --font-mono:"IBM Plex Mono", "IBM Plex Sans KR", Consolas, monospace;

  /* 글자 크기 */
  --fs-xs:10px; --fs-sm:11px; --fs-md:12px; --fs-lg:13px; --fs-xl:14px; --fs-2xl:16px;

  /* 글자 굵기 */
  --fw-normal:400; --fw-semi:600; --fw-bold:700;

  /* 줄 높이 */
  --lh-1:1; --lh-row:18px; --lh-text:1.5;

  /* 높이 */
  --h-xs:18px; --h-sm:20px; --h-md:22px; --h-lg:24px; --h-xl:26px; --h-touch:44px;

  /* 여백 */
  --sp-1:2px; --sp-2:4px; --sp-3:6px; --sp-4:8px; --sp-5:10px; --sp-6:12px; --sp-7:16px; --sp-8:24px; --sp-9:32px;

  /* 모서리 */
  --r-0:0; --r-1:2px; --r-2:4px; --r-3:6px; --r-round:50%;

  /* 바탕색 */
  --c-page:#f4f6f8; --c-surface:#ffffff; --c-head:#eef2f7; --c-sunken:#f8fafc; --c-selected:#e8f0fe; --c-hover:#eef4ff; --c-dark:#2b2f36;

  /* 글자색 */
  --c-text:#1f2937; --c-text-2:#6b7280; --c-text-3:#9aa4b2; --c-on-dark:#ffffff;

  /* 선색 */
  --c-line:#dde2e8; --c-line-strong:#1b2430;

  /* 주요색 */
  --c-primary:#2563eb; --c-primary-hover:#1d4ed8; --c-link:#1a5fb4;

  /* 뜻 색 — 대표님 2026-10-09 견본 화면에서 고름(빨강 A · 주황 B · 초록 A) */
  --c-danger:#dc2626; --c-warn:#e8820c; --c-ok:#1a7f37;

  /* 알림색 */
  --c-danger-bg:#fee2e2; --c-note-bg:#fff7d6;

  /* 칸 이름표(라벨) 폭 — 지금 84 · 92 · 104px 가 섞여 있다 */
  --label-w:84px; --label-w-wide:104px;

  /* 선 굵기 눈금 — 겹친 판의 서열은 굵기 · 진하기로(바탕색으로 가르지 않는다, 규약 3-1 ①). 본보기 8116 전표 화면(대표님 2026-10-09 "직관적") */
  --bw-main:3px; --bw-sub:1px; --bw-head:2px; --bw-hair:1px;
}

/* 밀도 — 손가락용(cozy, SAP Fiori 44px). 바깥 그릇 한 곳에 class="density-cozy" 를 달면 아래로 흘러내린다.
   글자 크기는 그대로, 높이와 칸 사이만 커진다. 부품 CSS 는 손대지 않는다. */
.density-cozy {
  --h-xs:32px; --h-sm:44px; --h-md:44px; --h-lg:44px; --h-xl:48px;
  --sp-2:6px; --sp-3:8px; --sp-4:12px; --sp-5:14px; --sp-6:16px;
  --lh-row:24px;
}