/* 브랜드·간격·글자 크기를 바꾸는 파일입니다. 상세 안내: ../EDITING-GUIDE.md */
:root {
  color-scheme: light;
  --color-white: #fff;
  --color-ink: #191b1c;
  --color-body: #555b5e;
  --color-muted: #626a6e;
  --color-soft: #f5f7f8;
  --color-border: #d0d5d8;
  --color-placeholder: #e9edef;
  --color-inactive: #e4e7e9;
  --color-dark: #101314;
  --color-dark-panel: #1b2022;
  --color-dark-border: #3b454a;
  --color-dark-text: #c2cacc;
  --color-accent: #b8efd4;
  --color-accent-ink: #153729;
  --container-width: 1180px;
  --page-padding-desktop: 30px;
  --page-padding-mobile: 15px;
  --header-height: 65px;
  --section-space-xl: 120px;
  --section-space-lg: 100px;
  --section-space-md: 70px;
  --section-space-sm: 60px;
  --section-space: var(--section-space-xl);
  --text-display: 48px;
  --text-h1: var(--text-display);
  --text-h2: 38.574px;
  --text-h3: 24px;
  --text-body: 18px;
  --text-small: 14px;
  --text-badge: 14px;
  --heading-line-height: 1.2;
  --body-line-height: 1.7;
  --letter-spacing: -.025em;
  --title-copy-gap: 20px;
  --badge-gap: 18px;
  --visual-gap: 100px;
  --grid-gap: 24px;
  --card-padding: 32px;
  --card-radius: 6px;
  --button-height: 53px;
  --button-padding: 28px;
  --font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  --ratio-video: 16 / 9;
}
/* 992px부터 데스크톱: 레퍼런스의 실제 전환 경계 */
@media (max-width: 991px) {
  :root {
    --header-height: 56px;
    --section-space: var(--section-space-md);
    --text-h1: 40px;
    --text-h2: 30px;
    --text-h3: 22px;
    --text-body: 16px;
    --text-badge: 12px;
    --heading-line-height: 1.4;
    --body-line-height: 1.5;
    --badge-gap: 8px;
    --visual-gap: 70px;
    --grid-gap: 20px;
    --card-padding: 24px;
    --button-height: 48px;
  }
}