/* 디자인 토큰 — 값은 디자인 시스템 project/tokens.json 기준 (v5) */
:root {
  /* 색 */
  --bg-page: #F5F5F3;
  --bg-surface: #FFFFFF;
  --bg-inverse: #111318;
  --bg-navy: #16233F;
  --bg-media: #1E1E1D;
  --text-primary: #111318;
  --text-secondary: #3A3A3A;
  --text-muted: #6B6B6B;
  --text-inverse: #FFFFFF;
  --text-inverse-muted: #A9B2C4;
  --accent: #C42F2F;
  --accent-bright: #E44545;
  --accent-on-dark: #FF6B63;
  --border: #E7E7E4;
  --border-strong: #DCDCD8;
  --border-inverse: #2C3A57;
  --overlay-hero: rgba(22,35,63,0.70);

  /* 간격 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --section-y: 96px;
  --hero-top: 208px;
  --hero-bottom: 168px;
  --container: 1200px;
  --gutter: 24px;

  /* 라운드 */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --overlap: 48px;

  /* 그림자·움직임 */
  --shadow-header: 0 0 16px rgba(0,0,0,0.2);
  --ease: cubic-bezier(0.4,0,0.2,1);

  /* 글꼴 */
  --font-sans: Pretendard, "Pretendard JP", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}

@media (max-width: 820px) {
  :root {
    --section-y: 64px;
    --hero-top: 140px;
    --hero-bottom: 96px;
    --gutter: 16px;
    --overlap: 32px;
  }
}