/* ============================================================
   따사룸 — Design tokens (CSS Custom Properties)
   나눔고딕 기반 · 따뜻한 뉴트럴 리빙 브랜드 방향
   ============================================================ */

:root {
  /* ---- Surfaces / neutrals (warm paper + charcoal ink) ---- */
  --paper: #fbfaf7;        /* 기본 페이지 */
  --paper-sunken: #f3f0e8; /* 가라앉은 영역 */
  --paper-warm: #efe9dd;   /* 웜 베이지 면 */
  --card: #ffffff;
  --ink: #161512;          /* 본문 강조 / 차콜 */
  --ink-soft: #393630;     /* 본문 */
  --ink-muted: #6f6a5f;    /* 보조 */
  --ink-faint: #9b9587;    /* 약한 텍스트 */
  --line: #e4dfd4;         /* 헤어라인 */
  --line-2: #d6d0c2;
  --line-ink: #161512;     /* 강한 에디토리얼 룰 */

  /* ---- Accents ---- */
  --sage: #6e7a5b;         /* 세이지 포인트 */
  --sage-dark: #56603f;
  --sage-soft: #eceee4;
  --clay: #bd5f37;         /* 차분한 테라코타/브라운 */
  --clay-dark: #9c4b29;
  --clay-soft: #f6e7dc;
  --beige: #e9e1d2;

  /* ---- Naver (스토어 전용) ---- */
  --naver: #03c75a;
  --naver-dark: #02a64b;

  /* ---- Functional ---- */
  --error: #c0392b;
  --focus: rgba(110, 122, 91, 0.40);

  /* ---- Typography ---- */
  --font: "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-bold: 700;
  --fw-x: 800;

  /* ---- Radii ---- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* ---- Shadows (warm, low) ---- */
  --shadow-xs: 0 1px 2px rgba(22, 21, 18, 0.06);
  --shadow-sm: 0 2px 8px rgba(22, 21, 18, 0.07);
  --shadow-md: 0 8px 24px rgba(22, 21, 18, 0.09);
  --shadow-lg: 0 18px 44px rgba(22, 21, 18, 0.12);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.2, 0, 0.1, 1);
  --dur-fast: 120ms;
  --dur: 200ms;

  /* ---- Layout ---- */
  --container: 1200px;
  --gutter: 24px;
  --header-h: 72px;
  --bottombar-h: 64px;

  /* ---- Z-index ---- */
  --z-header: 100;
  --z-menu: 200;
  --z-bottombar: 150;
  --z-float: 160;
}

@media (max-width: 768px) {
  :root {
    --gutter: 18px;
    --header-h: 60px;
  }
}