/* =============================================================
   Design Tokens — v2 "Deep Ink + Oxidized Copper"
   정체성: 학술적 정확성 + 장인의 따스함. SaaS 블루 회피.
   참고 축: NYT, Stripe Press, Apple Editorial, Linear (모노 / 정밀)
   ============================================================= */

:root {
  /* ── Typography scale ────────────────────────────────────── */
  --type-xs:   13px;
  --type-sm:   15px;
  --type-base: 17px;   /* body */
  --type-md:   19px;   /* lead */
  --type-lg:   22px;   /* h3 */
  --type-xl:   28px;   /* h2 */
  --type-2xl:  36px;   /* h1 mobile */
  --type-3xl:  56px;   /* h1 desktop */
  --type-display: 80px; /* hero display */

  --leading-tight: 1.15;
  --leading-snug:  1.4;
  --leading-body:  1.7;

  --font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
               'Apple SD Gothic Neo', 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  /* 디스플레이 폰트도 Pretendard 단일 — 세리프·이탤릭 금지 원칙.
     위계는 weight(700~900) + 크기 대비로만. */
  --font-display: var(--font-sans);

  /* ── Spacing (8px grid + 4px 보간) ──────────────────────── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32:  128px;

  /* ── Layout ──────────────────────────────────────────────── */
  --measure:       62ch;
  --wrap:          720px;
  --wrap-wide:     1120px;
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     12px;

  /* ── Color — Warm Editorial Palette (Light, committed) ──── */
  /* Surfaces: 종이 같은 따뜻한 오프화이트 */
  --color-bg:           #FAF8F4;
  --color-surface:      #F2EEE6;
  --color-surface-2:    #E8E2D4;

  /* Text: 깊은 잉크. 순흑이 아닌 미세한 블루-그레이 */
  --color-text:         #0E1116;
  --color-muted:        #58606E;
  --color-subtle:       #8B939E;

  /* Borders: 따뜻한 베이지 */
  --color-border:       #E5DFD3;
  --color-border-strong:#C9C0AE;

  /* Accent: 산화 구리 (burnt sienna) — 주 브랜드 색 */
  --color-accent:       #B85C2E;
  --color-accent-hover: #9A4A22;
  --color-accent-soft:  #F5E8DA;

  /* Secondary: 깊은 네이비 — 보조 강조 (B2B 신뢰·진중) */
  --color-secondary:       #1E3A5F;
  --color-secondary-hover: #15293F;
  --color-secondary-soft:  #E5EBF2;

  /* Contrast band: 부분적 다크 섹션용 */
  --color-contrast-bg:    #0E1116;
  --color-contrast-text:  #FAF8F4;
  --color-contrast-muted: #8B939E;
  --color-contrast-border:#1F2630;

  /* ── Motion ──────────────────────────────────────────────── */
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 400ms;
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Elevation (warm-toned shadows) ──────────────────────── */
  --shadow-sm: 0 1px 2px rgba(14, 17, 22, 0.04);
  --shadow-md: 0 4px 16px rgba(14, 17, 22, 0.06);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}