/* tokens.css — 색·타이포 CSS 변수 (공통)
 * 출처: docs/build-brief.md §4 (검증 완료 확정값).
 * ⚠️ 값을 임의로 바꾸지 말 것. /design-sync 결과와 달라도 이 표가 맞다.
 * 모든 색·폰트 크기는 여기서만 정의한다. 다른 파일에서 hex/px 하드코딩 금지. */

:root {
  color-scheme: only light;   /* Chrome 강제 다크모드 차단 — 지우지 마세요 */

  /* font-size */
  --fs-num: 36px;
  --fs-hero: 46px;
  --fs-h2: 30px;
  --fs-punch: 26px;
  --fs-body: 18px;
  --fs-label: 14px;
  --fs-label-sm: 13px;

  /* line-height */
  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --lh-body: 1.75;

  /* letter-spacing */
  --ls-tight: -0.03em;
  --ls-normal: 0;
  --ls-wide: 0.08em;

  /* color — 무채색 기반 */
  --ink: #1A1A1A;
  --bg: #FAFAF8;
  --muted: #6B6B6B;
  --surface: #F0EFEB;

  /* color — 강조 (딥그린) */
  --accent: #1F5C4A;
  --accent-soft: #E8F0ED;
  --accent-dark: #174537;

  /* hairline — 구분선/테두리 전용. 면 색(--surface)과 달리 같은 면 위에서도 보인다. */
  --hairline: rgba(26, 26, 26, 0.10);
}