/*
 * 원티드 디자인 시스템(Montage, MIT) Light 토큰.
 * 값이 존재하는 유일한 파일. 다른 CSS는 이 변수만 참조한다.
 */
:root {
  /* 색 — Semantic */
  --gcp-primary: #0066FF;
  --gcp-primary-strong: #005EEB;
  --gcp-primary-heavy: #0054D1;
  --gcp-bg: #FFFFFF;
  --gcp-bg-alt: #F7F7F8;
  --gcp-label-strong: #000000;
  --gcp-label-normal: #171719;
  --gcp-label-neutral: #46474C;
  --gcp-border: #E1E2E4;
  --gcp-border-soft: #EAEBEC;
  --gcp-fill: #F4F4F5;

  /* 색 — Status */
  --gcp-positive: #00BF40;
  --gcp-cautionary: #FF9200;
  --gcp-negative: #FF4242;

  /* 타이포
   * Pretendard Variable 은 functions.php 에서 CDN 으로 불러온다.
   * 로드 실패 시 아래 폴백으로 떨어진다. */
  --gcp-font: "Pretendard Variable", "Pretendard", "Malgun Gothic",
              -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  --gcp-display1-size: 56px;   --gcp-display1-lh: 72px;
  --gcp-display2-size: 40px;   --gcp-display2-lh: 52px;
  --gcp-title1-size: 32px;     --gcp-title1-lh: 44px;
  --gcp-title2-size: 28px;     --gcp-title2-lh: 38px;
  --gcp-title3-size: 24px;     --gcp-title3-lh: 32px;
  --gcp-heading1-size: 22px;   --gcp-heading1-lh: 30px;
  --gcp-headline1-size: 18px;  --gcp-headline1-lh: 26px;
  --gcp-body1-size: 16px;      --gcp-body1-lh: 24px;

  /*
   * 본문 전용 크기. WDS 스케일에는 18 다음이 22 라 중간값이 없다.
   * 한글 본문은 영문 기준 스케일보다 한 단계 크게 잡아야 읽기 편하다.
   */
  --gcp-text-size: 20px;       --gcp-text-lh: 32px;
  --gcp-label1-size: 14px;     --gcp-label1-lh: 20px;
  --gcp-caption1-size: 12px;   --gcp-caption1-lh: 16px;

  /* 간격 — 8px 그리드 */
  --gcp-s1: 4px;   --gcp-s2: 8px;   --gcp-s3: 12px;  --gcp-s4: 16px;
  --gcp-s5: 20px;  --gcp-s6: 24px;  --gcp-s8: 32px;  --gcp-s10: 40px;
  --gcp-s12: 48px; --gcp-s14: 56px; --gcp-s16: 64px;

  /* 모서리 */
  --gcp-radius-card: 12px;
  --gcp-radius-btn: 12px;
  --gcp-radius-btn-s: 8px;
  --gcp-radius-pill: 9999px;

  /* 레이아웃 */
  --gcp-container: 1200px;
  --gcp-header-h: 64px;
}