/* ══════════════════════════════════════════════════════════════════
   공유 디자인 토큰 — 3개 사이트(메타후프 · AX DX · XRVP) 공통 (2026-10-04)
   기준값은 메타후프 아레나 섹션 헤더·브랜드 색. 값을 바꾸면 세 사이트가 함께 바뀐다.
   사이트 CSS 는 하드코딩 대신 이 토큰을 참조한다.
   ══════════════════════════════════════════════════════════════════ */
:root {
  /* Typography */
  --dt-section-title: clamp(32px, 2.5vw, 48px);  /* 섹션 제목 (news-title) */
  --dt-section-title-weight: 700;
  --dt-section-title-tracking: -0.04em;
  --dt-section-title-leading: 1.1;
  --dt-section-sub-size: 17px;                    /* 섹션 부제 (news-sub) */
  --dt-section-sub-weight: 500;
  --dt-toggle-size: 14px;                         /* 더보기 토글 */
  --dt-toggle-weight: 600;

  /* Color */
  --dt-text-heading: #111;
  --dt-text-body: #12192c;
  --dt-brand-teal: #0B8F7A;                       /* 토글·CTA 강조 (흰 배경 대비) */
  --dt-brand-cyan: #20D4C3;
  --dt-brand-blue: #4B8DFF;
  --dt-brand-orange: #FF824C;
  --dt-bg-dark: #070A0F;
  --dt-bg-light: #F7F8FA;

  /* Spacing (8pt) */
  --dt-space-1: 8px;
  --dt-space-2: 16px;
  --dt-space-3: 24px;
  --dt-space-4: 32px;
  --dt-space-6: 48px;
  --dt-space-8: 64px;
}