/* 자동 생성 파일 — 고치지 말 것. tokens/tokens.json 을 고치고 npm run tokens 를 돌린다. */
:root {
  --site-ink: #13261b;
  --site-ink-deep: #1d3628;
  --site-muted: #5e6b64;
  --site-bg: #ffffff;
  --site-bg-soft: #f3f6f5;
  --site-line: #e4e7e5;
  --site-overlay: rgba(255, 255, 255, 0.9);
  --site-accent: #a85613;
  --site-tag-bg: rgba(19, 38, 27, 0.5);
  --site-glass: rgba(209, 209, 209, 0.25);
  --site-star: #a85613;
  --site-radius-sm: 6px;
  --site-radius: 12px;
  --site-radius-md: 16px;
  --site-radius-lg: 20px;
  --site-radius-xl: 24px;
  --site-radius-2xl: 32px;
  --site-radius-pill: 37px;
  --site-space-1: 8px;
  --site-space-2: 12px;
  --site-space-3: 16px;
  --site-space-4: 24px;
  --site-space-5: 32px;
  --site-space-6: 48px;
  --site-space-7: 64px;
  --site-space-8: 96px;
  --site-pad-x: 48px;
  --site-section-gap: 160px;
  --site-max: 1280px;
  --site-header-h: 72px;
  --site-font: "Poppins", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;
  --site-weight-regular: 400;
  --site-weight-medium: 500;
  --site-weight-semibold: 600;
  --site-weight-bold: 700;
  --site-weight-heavy: 800;
  --site-text-h1: clamp(45px, 32px + 3.33vw, 80px);
  --site-text-h2: clamp(34px, 30.3px + 0.95vw, 44px);
  --site-text-h3: clamp(24px, 21px + 0.76vw, 32px);
  --site-text-h4: clamp(22px, 21.26px + 0.19vw, 24px);
  --site-text-body: clamp(20px, 18.5px + 0.38vw, 24px);
  --site-text-card: 20px;
  --site-text-quote: clamp(18px, 16px + 0.5vw, 22px);
  --site-text-article-h2: clamp(26px, 22px + 1vw, 32px);
  --site-text-article-h3: clamp(24px, 21px + 0.76vw, 32px);
  --site-text-nav: 20px;
  --site-text-lg: 20px;
  --site-text-md: 18px;
  --site-text-base: 16px;
  --site-text-sm: 15px;
  --site-text-xs: 14px;
  --site-text-2xs: 12px;
  --site-shadow-btn: rgba(24, 52, 36, 0.15) 0 1.2px 1.2px -0.47px, rgba(24, 52, 36, 0.15) 0 2.87px 2.87px -0.94px, rgba(24, 52, 36, 0.14) 0 5.23px 5.23px -1.41px, rgba(24, 52, 36, 0.14) 0 8.69px 8.69px -1.88px, rgba(24, 52, 36, 0.13) 0 14px 14px -2.34px, rgba(24, 52, 36, 0.12) 0 23px 23px -2.81px, rgba(24, 52, 36, 0.1) 0 39.6px 39.6px -3.28px, rgba(24, 52, 36, 0.05) 0 72px 72px -3.75px;
  --site-shadow-btn-hover: rgba(166, 84, 17, 0.14) 0 1.2px 1.2px -0.47px, rgba(166, 84, 17, 0.14) 0 2.87px 2.87px -0.94px, rgba(166, 84, 17, 0.13) 0 5.23px 5.23px -1.41px, rgba(166, 84, 17, 0.13) 0 8.69px 8.69px -1.88px, rgba(166, 84, 17, 0.12) 0 14px 14px -2.34px, rgba(166, 84, 17, 0.11) 0 23px 23px -2.81px, rgba(166, 84, 17, 0.09) 0 39.6px 39.6px -3.28px, rgba(166, 84, 17, 0.05) 0 72px 72px -3.75px;
  --site-blur: 10px;
  --site-blur-h: 80px;
  --site-ease-spring: linear(0, 0.0062 0.6%, 0.0405 1.9%, 0.1017 3.6%, 0.1772 5.7%, 0.2584 8.1%, 0.3408 10.9%, 0.4215 13.9%, 0.4986 17.2%, 0.5705 20.8%, 0.6363 24.6%, 0.6957 28.7%, 0.7483 33%, 0.7943 37.5%, 0.8341 42.2%, 0.868 47.1%, 0.8966 52.3%, 0.9205 57.6%, 0.9402 63.1%, 0.9564 68.8%, 0.9694 74.7%, 0.9799 80.8%, 0.9883 87%, 0.9948 93.4%, 1);
  --site-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --site-dur-spring: 1.6s;
  --site-dur-fast: 0.45s;
}

@media (max-width: 767px) {
  :root {
    --site-pad-x: 16px;
    --site-section-gap: 80px;
    --site-header-h: 64px;
    --site-blur-h: 40px;
  }
}