/* 정본 = Design/design_handoff_workdetail/tokens/spacing.css. 여기서 임의 수정 금지 */
/* ToonHerb — Spacing & radius tokens. 8pt-based scale. THIS is what the codebase was missing. */
:root{
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px;

  /* Radius — SHARP / professional (각진 3px 기조). pill kept only for circles (avatars, dots). */
  --r-sm:2px; --rad:3px; --r:4px;
  --r1:3px; --r2:4px; --r3:6px; --r4:8px; --r-pill:999px;
  /* --r-hdr-cap/--r-hdr-dd = 헤더 검색 캡슐+드롭다운 일체형 전용 큰 반경(현우 검색·헤더 개편 2단계, 2026-10-09). 3px 기조의 예외 — 다른 곳에 쓰지 않는다 */
  --r-hdr-dd:16px; --r-hdr-cap:20px;

  /* Layout (desktop fixed shell: 300 + 1080 + 300) */
  --layout-side:300px; --layout-main:1080px; --layout-gap:24px;
  --layout-max:1760px;
  --page-form-width:860px;
}