/* ==========================================================================
   Heart to Kiss — Design Tokens
   Source: tasks/03-DESIGN_REFERENCE.md §2 컬러 팔레트, §3 타이포그래피
   ========================================================================== */

:root {
  /* Color — Background */
  --color-bg-primary: #FFFFFF;
  --color-bg-warm: #F8F1E9;

  /* Color — Accent (소프트 톤, 순흑 사용 자제) */
  --color-mint: #A8E6CF;
  --color-sky: #B5E4FF;
  --color-cream: #FFEEB5;

  /* Color — Text */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #6B6B6B;

  /* Color — Border */
  --color-border: #E8E0D5;

  /* Typography — Family
     Phase 0: Pretendard + Inter 조합으로 시작 (사용자 결정 후 교체 가능) */
  --font-headline: 'Pretendard', 'Inter', sans-serif;
  --font-body: 'Pretendard', sans-serif;
  --font-numeric: 'Inter', monospace;

  /* Logo / Wordmark — Inter Black 900, 자간 좁힘 (확정 2026-05-10) */
  --font-logo: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-logo-weight: 900;
  --font-logo-tracking: -0.04em;

  /* Spacing scale (4 / 8 / 16 / 24 / 32 / 48 / 64 / 96) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  /* Motion — easing & duration (참조: §5 인터랙션 / 모션 원칙) */
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-ui: 280ms;
  --duration-hero: 800ms;

  /* Layout */
  --container-max: 1280px;
  --container-pad: var(--space-4);
}