/* 화면 토큰 — 원천은 docs/design/09-화면-방향.md §3(색)·§4(글꼴·간격·모서리). 값을 바꾸면 그 문서와 scripts/design/contrast.mjs 의 TOKENS 를 같이 고친다. */
:root {
  /* 색 (§3) */
  --soil-900: #1c1713;
  --soil-800: #272019;
  --soil-600: #8a775f;
  --chalk: #efe7d8;
  --chalk-dim: #b9ad98;
  --p1: #d1495b;
  --p2: #2e86ab;
  --p1-ink: #ee8d9b;
  --p2-ink: #6db7da;
  --tile: #eef2e6;
  --tile-line: #6f7662;
  --resource: #f2c94c;
  --resource-ink: #6b5300;
  --select: #000000;
  --mark: #b84a0a;
  --legal: #0b6b4c;
  --warn: #f0b45a;
  --error: #ff8a8a;

  /* 글꼴 (§4) */
  --font-body: "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --font-title: "Gowun Batang", "Nanum Myeongjo", "Batang", serif;

  /* 크기 척도 rem (§4) */
  --fs-1: 0.8rem;
  --fs-2: 0.9rem;
  --fs-3: 1rem;
  --fs-4: 1.25rem;
  --fs-5: 1.6rem;
  --fs-6: 2.4rem;
  --lh-body: 1.55;
  --measure: 34rem;

  /* 간격 4px 척도 (§4) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* 모서리 (§4): 패널·모달 6, 버튼·입력 4, 보드 svg 0 */
  --r-panel: 6px;
  --r-control: 4px;
  --r-board: 0;

  --line: 1.5px solid var(--soil-600);
}