/* ---------------------------------------------------------------------------
 * 디자인 토큰
 * TODO: docs/design-tokens.json (참조 사이트 실측값)이 확보되면 아래 값을 교체할 것.
 *       현재 값은 스펙 §3.2 플레이스홀더 기준입니다.
 * ------------------------------------------------------------------------- */
:root {
  /* Brand */
  --c-primary: #2F5BFF;
  --c-primary-dark: #1E3FD1;
  --c-primary-soft: #EDF1FF;
  --c-accent: #7C3AED;
  --c-accent-soft: #F3EDFF;
  --c-live: #FF3B3B;
  --grad-hero: linear-gradient(135deg, #2F5BFF 0%, #7C3AED 100%);

  /* Neutral */
  --c-text: #1A1A1A;
  --c-text-sub: #666666;
  --c-text-muted: #999999;
  --c-line: #E5E7EB;
  --c-line-soft: #F1F3F6;
  --c-bg: #FFFFFF;
  --c-bg-soft: #F5F7FA;
  --c-bg-dark: #1B1D23;

  /* State */
  --c-danger: #E02B2B;
  --c-success: #12A150;
  --c-warning: #F59E0B;

  /* Badge */
  --badge-elearning: #2563EB;
  --badge-micro: #0EA5E9;
  --badge-short: #F59E0B;
  --badge-ai: #7C3AED;
  --badge-default: #6B7280;

  /* Typography */
  --font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
  --fs-h1: 44px;
  --fs-h2: 32px;
  --fs-h3: 22px;
  --fs-body: 16px;
  --fs-small: 13px;

  /* Layout */
  --container: 1280px;
  --gutter: 20px;
  --radius: 12px;
  --radius-sm: 6px;
  --radius-lg: 20px;
  --shadow-card: 0 4px 16px rgba(0, 0, 0, .06);
  --shadow-card-hover: 0 12px 28px rgba(0, 0, 0, .12);
  --shadow-header: 0 2px 12px rgba(0, 0, 0, .07);
  --header-h: 80px;
  --header-h-m: 56px;
  --section-gap: 100px;
  --ease: cubic-bezier(.22, .61, .36, 1);
}

@media (max-width: 1024px) {
  :root { --fs-h1: 32px; --fs-h2: 26px; --section-gap: 72px; }
}

@media (max-width: 768px) {
  :root { --fs-h1: 26px; --fs-h2: 22px; --fs-h3: 18px; --section-gap: 60px; --gutter: 16px; }
}