/* MoW Editorial 디자인 토큰 — prototype-spec §2 (색/폰트/간격/반경/그림자) 단일 진실원 */
:root {
  /* ── 색상: 잉크/텍스트 ── */
  --ink: #16202E;
  --ink-soft: #38424F;
  --ink-mute: #6B7280;
  --ink-faint: #98A0AA;

  /* ── 색상: 배경/표면 ── */
  --paper: #F4F0E7;
  --paper-2: #ECE5D6;
  --surface: #FFFFFF;
  --surface-2: #FBF8F1;

  /* ── 색상: 보더 ── */
  --line: #E2DACA;
  --line-soft: #EDE7DA;

  /* ── 색상: 브론즈 (Primary) ── */
  --bronze: #B0703A;
  --bronze-deep: #8A5526;
  --bronze-soft: #F0E2D2;
  --bronze-tint: #FBF1E6;

  /* ── 색상: Teal/Verd (Secondary) ── */
  --verd: #1C7A6E;
  --verd-deep: #11534A;
  --verd-soft: #DDEDEA;
  --verd-tint: #EEF6F4;

  /* ── 색상: 상태 ── */
  --ok: #2E7D52;
  --ok-soft: #E2F0E8;
  --warn: #B9842B;
  --warn-soft: #F6ECD6;
  --danger: #C0492F;
  --danger-soft: #F7E4DE;
  --info: #2C6E9B;
  --info-soft: #E1EDF5;

  /* ── 타이포그래피 ── */
  --font-serif: "Newsreader", "IBM Plex Sans KR", Georgia, "Times New Roman", serif;
  --font-sans: "IBM Plex Sans", "IBM Plex Sans KR", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* ── 간격 ── */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s7: 32px;
  --s8: 40px;
  --s9: 56px;
  --s10: 72px;
  --s11: 96px;
  --s12: 128px;

  /* ── 레이아웃 ── */
  --maxw: 1320px;
  --nav-h: 68px;

  /* ── 반경 ── */
  --r-xs: 3px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* ── 그림자 ── */
  --sh-1: 0 1px 2px rgba(22,32,46,.06), 0 1px 1px rgba(22,32,46,.04);
  --sh-2: 0 2px 8px rgba(22,32,46,.08), 0 1px 2px rgba(22,32,46,.05);
  --sh-3: 0 12px 32px rgba(22,32,46,.12), 0 3px 8px rgba(22,32,46,.07);
  --sh-pop: 0 24px 64px rgba(22,32,46,.20), 0 8px 16px rgba(22,32,46,.10);

  /* ── 네비 frosted glass 배경 ── */
  --nav-bg: rgba(244,240,231,.86);
}