/* 디자인 토큰 — 색 · 글자 · 간격의 기준값.
   설계안 1절: 흰 배경 · 무채색 · 색은 사진이 맡는다 · 강조색은 화면당 1~2곳. */

:root {
  /* 색 */
  --color-bg: #ffffff;
  --color-text: #111111;
  --color-text-muted: #6b6b6b;
  --color-line: #e3e3e3;
  --color-line-strong: #111111;
  --color-placeholder: #ececec;   /* 사진이 오기 전 자리 */
  --color-on-photo: #ffffff;      /* 사진 위 글자 */
  --color-scrim: rgba(0, 0, 0, 0.35);
  --color-accent: #111111;        /* 강조색 — 아직 미정이라 무채색 */

  /* 글꼴 */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;

  /* 글자 크기 — 화면 폭에 따라 부드럽게 커진다 */
  --text-display: clamp(2.75rem, 1.6rem + 5.2vw, 7rem);
  --text-h1: clamp(2.25rem, 1.5rem + 3.4vw, 5rem);
  --text-h2: clamp(1.75rem, 1.3rem + 2vw, 3.25rem);
  --text-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --text-lead: clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-label: 0.75rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-heavy: 800;

  --leading-tight: 1.05;
  --leading-snug: 1.3;
  --leading-body: 1.7;

  --tracking-tight: -0.035em;   /* 헤드라인 */
  --tracking-wide: 0.14em;      /* 대문자 메뉴 · 라벨 · 버튼 */

  /* 간격 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-gap: clamp(5rem, 3rem + 8vw, 11rem);  /* 섹션 사이 넓은 여백 */

  /* 레이아웃 */
  --container-max: 1440px;
  --gutter: clamp(16px, 4vw, 56px);
  --header-height: 72px;

  /* 움직임 */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 700ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
}