/* =========================================================
   다솜 — 디자인 토큰 (따뜻한 베이지 내추럴)
   ========================================================= */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap");

:root {
  /* 원시 팔레트 */
  --c-cream-50:  #fbf8f3;
  --c-cream-100: #f4ede3;
  --c-sand-200:  #e8dccc;
  --c-taupe-400: #b89f86;
  --c-brown-500: #8b6a52;   /* 브랜드 웜 브라운 */
  --c-brown-600: #73563f;
  --c-ink-800:   #4a3f36;
  --c-ink-900:   #2e2620;
  --c-mute-600:  #8a7d72;

  /* 시맨틱 */
  --color-bg:           var(--c-cream-50);
  --color-bg-soft:      var(--c-cream-100);
  --color-line:         var(--c-sand-200);
  --color-ink:          var(--c-ink-900);
  --color-ink-soft:     var(--c-ink-800);
  --color-ink-muted:    var(--c-mute-600);
  --color-brand:        var(--c-brown-500);
  --color-brand-strong: var(--c-brown-600);
  --color-brand-soft:   var(--c-cream-100);
  --color-focus:        var(--c-taupe-400);

  /* 타이포 */
  --font-sans: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-display: "Gowun Batang", "Nanum Myeongjo", serif;
  --font-latin: "Cormorant Garamond", "Gowun Batang", serif;

  --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-md: 1.125rem;
  --fs-lg: 1.375rem; --fs-xl: 1.75rem; --fs-2xl: 2.25rem;
  --lh-base: 1.7;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;

  /* 간격 */
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem;

  /* 레이아웃 · 모서리 · 모션 */
  --container-max: 1200px;
  --container-pad: clamp(1rem, 4vw, 2.5rem);
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
  --dur-fast: 150ms; --dur-base: 260ms;
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --z-header: 100;
}
@media (prefers-reduced-motion: reduce) { :root { --dur-fast: 0ms; --dur-base: 0ms; } }