// ─────────────────────────────────────────────────────────────────────────────
// 간격 토큰 (4/8 grid)
//
// **모든 치수는 rem 기준이며 `1rem = 10px`이다** (`_reset.scss`의
// `html { font-size: 62.5% }`). px → rem 환산이 10으로 나누기라 암산이 되고,
// 사용자가 브라우저 기본 글자 크기를 키우면 레이아웃 전체가 함께 확대된다
// (px 고정과 달리 접근성 설정을 존중한다).
//
// 키는 4px 배수 단위다 — `space(4)` = 16px. 임의 값이 필요해 보이면 스케일에
// 단계를 추가할 일인지 먼저 검토한다(§10.4).
// ─────────────────────────────────────────────────────────────────────────────

$space: (
  0: 0,
  1: 0.4rem,
  2: 0.8rem,
  3: 1.2rem,
  4: 1.6rem,
  5: 2rem,
  6: 2.4rem,
  8: 3.2rem,
  10: 4rem,
  12: 4.8rem,
  16: 6.4rem,
  20: 8rem,
  24: 9.6rem
);
// 키 → px 환산: 1=4 · 2=8 · 3=12 · 4=16 · 5=20 · 6=24 · 8=32 · 10=40 · 12=48 ·
// 16=64 · 20=80 · 24=96