/**
 * base.css — 리셋, CSS 변수, 기본 타이포그래피
 * 상대 경로 배포 대응으로 폰트 등도 상대 경로 사용
 */

/* ----- CSS 변수 (컬러는 theme.css에서 semantic으로 제공) ----- */
:root {
  --font-sans:
    "Pretendard Variable",
    Pretendard,
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    "Segoe UI",
    Roboto,
    "Noto Sans KR",
    "Malgun Gothic",
    "Apple SD Gothic Neo",
    sans-serif;
  /* 주요 섹션 타이틀 4종 통일 크기 */
  --impact-section-title-size: clamp(1.75rem, 2.25vw + 0.85rem, 3rem);
  --impact-section-title-line-height: 1.3;
  --impact-section-title-letter-spacing: -0.02em;
  --font-size-base: 100%; /* 16px 가정, html font-size 기준 */
  --line-height-base: 1.6;
  --space-unit: 0.25rem;
  --container-max: 72rem;
  --header-height: 3.5rem;
}

/* ----- 간단 리셋 (필요 최소한) ----- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.font-latin {
  font-family: var(--font-sans);
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--color-text);
  background-color: var(--color-bg);
  word-break: keep-all;
}

img, picture, video, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--color-accent);
  text-decoration-skip-ink: auto;
}

/* ----- 폰트 스케일 (선택: html data-font-scale) ----- */
html[data-font-scale="0.9"] { font-size: 14.4px; }
html[data-font-scale="1"]   { font-size: 16px; }
html[data-font-scale="1.2"] { font-size: 19.2px; }