/* perfin — 디자인 토큰 정본 (Tailwind 4 @theme 이름공간, 선언은 :root — 브라우저는 @theme 를 읽지 않는다 #73)
 * 렌즈 industrial-brutalist-ui · 바탕 = 어두운 녹갈 서랍, 색은 우표만 — 녹청은 선·글자로만 쓴다.
 * 대비 실측은 _design/DESIGN.md 대비표. */
:root {
  /* 바탕 — 서랍 · 스톡북 장 · 글라신 띠 */
  --color-drawer: #22231a;
  --color-leaf: #17180f;
  --color-strip: #2d2f24;
  --color-strip-edge: #4a4c3c;

  /* 잉크 */
  --color-ink: #ebe4d0;
  --color-ink-muted: #a9a690;
  --color-ink-faint: #8f8c77; /* 서랍·장 위에서만 글자로 쓴다(띠 위 4.01 — 금지) */

  /* 선 — 장식은 line, 조작 부품 테두리는 control(3:1 이상) */
  --color-line: #3b3d2f;
  --color-line-strong: #6b6d58;
  --color-control: #8f8c77;

  /* 강조 — 녹청(verdigris), 선·글자·포커스에만 */
  --color-accent: #5fb3a5;
  --color-focus: #5fb3a5;

  /* 우표 뒷면 — CSS 로 만드는 종이·연필 */
  --color-hinge: #e6dcc2;
  --color-pencil: #4f4b3e;
  --color-shadow: #0f100a;

  /* 서체 — 서가 3가족 */
  --font-display: "Noto Serif KR", "Noto Serif", serif;
  --font-body: "Pretendard Variable", Pretendard, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* 글자 크기 — display 계열만 clamp(폭 표 wireframe §5) */
  --text-micro: 0.75rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: clamp(1.75rem, 1.4rem + 0.6vw, 2.25rem);
  --text-3xl: clamp(1.75rem, 1rem + 2vw, 3rem);
  --text-display: clamp(2rem, 1rem + 3vw, 3.5rem);
  --text-display-story: clamp(1.75rem, 0.9rem + 3.2vw, 3.5rem);
  --text-stat: 3rem;
  --text-masthead: clamp(3.5rem, 2rem + 4vw, 5.5rem);
  --text-numeral: clamp(5rem, 2rem + 8vw, 8rem);

  /* 간격 — 4px 척도 */
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.5rem;
  --spacing-6: 2rem;
  --spacing-7: 3rem;
  --spacing-8: 4rem;
  --spacing-9: 6rem;
  --spacing-gutter: clamp(1.5rem, 1rem + 1.4vw, 2.5rem);
  --spacing-rail: 20rem;
  --spacing-rail-narrow: 17.5rem;
  --spacing-tab: 3.5rem;
  --spacing-tab-mobile: 2.75rem;
  --spacing-stamp-max: 9.375rem; /* 스톡북 띠의 우표 최대 폭 150px */
  --spacing-paper: 0.375rem; /* 우표 흰 여백(천공 구멍 안쪽) */
  --spacing-perf-hole: 0.25rem; /* 천공 구멍 지름 4px */
  --spacing-perf-pitch: 0.5rem; /* 천공 간격 8px */
  --spacing-loupe: 12.5rem;
  --spacing-loupe-mobile: 10rem;
  --spacing-measure: 45rem; /* 이야기 본문 칼럼 ≈68자 */

  /* 모서리 — 렌즈: 0 */
  --radius-none: 0;

  /* 그림자 — 부드러운 그림자 금지, 우표가 띠에 꽂힌 단단한 1px 턱만 */
  --shadow-stamp: 0 1px 0 var(--color-shadow);
  --shadow-none: none;

  /* 이징 */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-flip: cubic-bezier(0.3, 0.7, 0.2, 1);
}