/* Design tokens — ported verbatim from the 매물마켓 design system
 * source: _ds/design-system-a1ac636d-de4c-40e1-8662-3d26458ad2c3/tokens/*.css
 * Do not hand-edit values here; re-sync from the design project instead. */
:root {
  /* Primary · 토스 연하늘색 */
  --blue-50:#E8F3FF; --blue-100:#C9E2FF; --blue-400:#4593FC; --blue-500:#3182F6; --blue-600:#1B64DA;
  /* Neutral · 블랙 & 화이트 */
  --black:#191F28; --grey-800:#333D4B; --grey-700:#4E5968; --grey-500:#8B95A1; --grey-400:#B0B8C1;
  --grey-300:#D1D6DB; --grey-200:#E5E8EB; --grey-100:#F2F4F6; --grey-50:#F9FAFB; --white:#FFFFFF;
  /* Semantic */
  --primary:var(--blue-500); --primary-hover:var(--blue-600); --primary-bg:var(--blue-50); --primary-bg-hover:#D6E9FF;
  --text-strong:var(--black); --text-body:var(--grey-700); --text-muted:var(--grey-500); --text-disabled:var(--grey-400);
  --surface-page:var(--grey-100); --surface-card:var(--white); --surface-sunken:var(--grey-50);
  --border:var(--grey-200); --border-subtle:#EDF0F2;
  --selection:var(--blue-100);

  /* Typography */
  --font-icon:'Material Symbols Rounded';
  --tracking:-0.02em;
  --text-display:800 40px/1.15 var(--font-body);
  --text-title-1:800 28px/1.25 var(--font-body);
  --text-title-2:700 22px/1.3 var(--font-body);
  --text-headline:700 18px/1.4 var(--font-body);
  --text-body-1:500 16px/1.55 var(--font-body);
  --text-caption:600 13px/1.45 var(--font-body);

  /* Spacing · 8pt 그리드 */
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:32px;
  /* 라운드 */
  --radius-chip:8px; --radius-control:12px; --radius-card:14px; --radius-card-lg:18px; --radius-sheet:24px; --radius-pill:100px;
  /* 터치 타겟 최소 48px */
  --touch-target:48px;

  /* Depth · 엘리베이션 4단계 */
  --elevation-1:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --elevation-2:0 4px 16px rgba(0,0,0,.08);
  --elevation-3:0 12px 32px rgba(0,0,0,.12);
  --elevation-4:0 24px 56px rgba(0,0,0,.2);
  --shadow-card:0 1px 3px rgba(0,0,0,.04);
  --shadow-primary-btn:0 6px 16px rgba(49,130,246,.3);
  --dim:rgba(25,31,40,.5);
  --ease-sheet:cubic-bezier(.32,.72,0,1);
}
