/* =========================================================
   SNU AICEO — Design Tokens
   서울대학교 AI 최고경영자과정 안내 사이트
   ========================================================= */
:root {
  /* ---------- Brand ---------- */
  --color-accent: #1b4dff;          /* 시그니처 블루 (라벨·링크 hover) */

  /* ---------- Text ---------- */
  --color-text: #0a0a0b;            /* 기본 본문·헤드라인 */
  --color-text-strong: #22242a;     /* 리드 문장 */
  --color-text-body: #33363d;       /* 설명 문단 */
  --color-text-sub: #55585f;        /* 보조 설명 */
  --color-text-muted: #71757c;      /* 라벨·캡션 */
  --color-text-faint: #9aa0a8;      /* 최약 캡션·아이콘 */

  /* ---------- Surface ---------- */
  --color-bg: #ffffff;
  --color-surface: #f4f5f7;         /* 강조 박스 배경 */
  --color-invert-bg: #0a0a0b;       /* 버튼 배경 */
  --color-invert-text: #ffffff;

  /* ---------- Border ---------- */
  --color-line: #e8e9ec;            /* 행 구분선 */
  --color-line-strong: #0a0a0b;     /* 섹션 상단 구분선 */
  --color-line-link: #c9ccd2;       /* 링크 밑줄 */

  /* ---------- Typography ---------- */
  --font-sans: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Malgun Gothic', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-display: 58px;               /* h1 */
  --fs-h2: 23px;
  --fs-lead: 21px;
  --fs-sub: 18px;
  --fs-body: 16px;
  --fs-summary: 16.5px;
  --fs-table: 15px;
  --fs-card: 14.5px;
  --fs-caption: 14px;
  --fs-mono: 13px;
  --fs-mono-sm: 11.5px;
  --fs-label: 11px;

  --lh-body: 1.7;
  --ls-tight: -0.04em;
  --ls-heading: -0.025em;
  --ls-body: -0.011em;
  --ls-mono: 0.1em;

  /* ---------- Layout ---------- */
  --container: 1040px;
  --page-pad-x: 28px;
  --col-label: 220px;               /* 섹션 좌측 라벨 컬럼 */
  --gap-col: 40px;
  --section-gap: 72px;
  --row-pad-y: 15px;
}