:root {
  /* Brand */
  --color-brand: #d32f2f;
  --color-brand-dark: #b71c1c;

  /* Text */
  --color-text: #111827;
  --color-text-body: #374151;
  --color-text-muted: #666666;
  --color-text-light: #888888;

  /* Surface */
  --site-bg: #f3f5fb;
  --body-bg: var(--site-bg);
  --color-bg: #ffffff;
  --color-box-bg: #ffffff;
  --color-bg-subtle: #f9fafb;
  --color-bg-footer: #f3f4f6;
  --color-border: #e5e7eb;

  /* Box (content module) */
  --box-radius: 10px;
  --box-padding: 20px;
  --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  --gap-box: 20px;
  --list-item-gap: 12px;
  --list-item-padding-bottom: 12px;

  /* Layout */
  --container-max: 1300px;
  --container-padding: 16px;
  --header-banner-width: 220px;

  /* Sidebar (우측 박스 공통 — 너비·그리드 한곳에서 조정) */
  --sidebar-width: 380px;
  --grid-main-sidebar: minmax(0, 1fr) var(--sidebar-width);
  --grid-three-with-sidebar: minmax(0, 1fr) minmax(0, 1fr) var(--sidebar-width);
  --sidebar-min-height: auto;

  /*
   * Typography — article 18px 기준 (기존 15px 대비 ×1.2)
   * base / article : 본문·기사 제목
   * lead / small   : 리드·요약
   * meta / caption : 부가 정보
   * section        : 섹션 타이틀
   * headline       : 메인 헤드라인
   */
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
  --font-size-base: 16px;
  --font-size-article: 18px;
  --font-size-lead: 17px;
  --font-size-small: 16px;
  --font-size-meta: 14px;
  --font-size-caption: 13px;
  --font-size-label: 14px;
  --font-size-section: 22px;
  --font-size-section-sub: 18px;
  --font-size-headline: clamp(26px, 2.2vw, 32px);
  --font-size-feature: 20px;
  --font-size-ranking-num: 19px;
  --font-size-logo: 50px;
  --font-size-logo-drawer: 34px;
  --font-size-logo-name: 16px;
  --font-size-drawer-close: 28px;

  /* Spacing */
  --gap-section: 40px;
  --gap-block: var(--gap-box);

  /* Interaction */
  --transition: 0.2s ease;
  --gnb-height: 52px;
  --gnb-active-padding: 10px;
  --gnb-active-border: 3px;
}

@media (min-width: 1025px) {
  :root {
    --font-size-base: 18px;
  }
}