/* 결 인테리어 디자인 토큰 — 모든 화면(방문자·관리자)이 이 값만 쓴다 */
:root {
  /* 색 */
  --bg: #F4EFE8;          /* 리넨 바탕 */
  --bg-2: #EAE2D6;        /* 모래 톤 구역 */
  --surface: #FFFFFF;
  --surface-2: #FAF7F2;
  --ink: #1D1915;         /* 제목 */
  --text: #39322B;        /* 본문 */
  --muted: #645A50;       /* 보조 글자 (리넨 위 AA) */
  --line: #DCD2C5;
  --line-strong: #B4A693;
  --accent: #9A4527;      /* 테라코타 — 포인트 1개 */
  --accent-hover: #7E3820;
  --accent-tint: #F4E4DB;
  --ok: #3E5236;  --ok-tint: #E2E9DA;
  --warn: #7A5300; --warn-tint: #F5EAD0;
  --danger: #A1302B; --danger-tint: #F7E1DE;
  --dark: #1E1B18;        /* 푸터·관리자 사이드바 */
  --on-dark: #EFE8DE;
  --on-dark-muted: #BDB3A6;
  --focus: #1F5FBF;

  /* 글꼴 */
  --font-sans: "Pretendard Variable", Pretendard, "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-serif: "Noto Serif KR", "Nanum Myeongjo", serif;

  /* 글자 크기 */
  --fs-xs: 0.8125rem;  /* 13 */
  --fs-sm: 0.875rem;   /* 14 */
  --fs-md: 1rem;       /* 16 */
  --fs-lg: 1.125rem;   /* 18 */
  --fs-xl: 1.375rem;   /* 22 */
  --fs-2xl: clamp(1.625rem, 1.2rem + 1.4vw, 2.25rem);
  --fs-3xl: clamp(2rem, 1.3rem + 2.6vw, 3.5rem);

  /* 간격 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 72px; --sp-9: 112px;

  /* 모양 — 각진 선과 격자, 아주 작은 모서리 */
  --radius: 2px;
  --shadow-1: 0 1px 2px rgba(29, 25, 21, .06);
  --shadow-2: 0 12px 32px -12px rgba(29, 25, 21, .22);

  /* 움직임 */
  --dur-s: 150ms; --dur-m: 300ms; --dur-l: 700ms;
  --ease: cubic-bezier(.2, .7, .2, 1);

  --wrap: 1280px;
  --gutter: 40px;
}
@media (max-width: 720px) { :root { --gutter: 20px; } }