/* 젠느 디자인 토큰 — 브랜드가이드.md v0.2 그대로.
   여기 없는 색·글꼴·효과는 쓰지 않는다. 값을 바꿀 땐 브랜드가이드.md를 먼저 고친다. */

:root {
  /* 색 (가이드 2장) */
  --ink: #0E0E10;
  --paper: #FAFAF7;
  --text: #17171A;
  --text-sub: #5B5E66;
  --text-on-ink: #FFFFFF;
  --text-sub-on-ink: #9A9CA3;
  --line: #E4E3DE;
  --line-on-ink: #2A2A2E;
  --rec: #A80000;          /* 버튼 배경, paper 위 숫자·진행 바 */
  --rec-on-ink: #E5484D;   /* ink 위 빨간 글자·진행 바 전용 */
  --rec-press: #8F0000;    /* rec 버튼 눌림·마우스 올림 상태 전용(새 색 아님, rec를 한 단계 어둡게) */

  /* 글꼴 (가이드 3장) */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --weight-body: 400;
  --weight-strong: 600;
  --weight-title: 700;
  --tracking-title: -0.02em;
  --leading-title: 1.2;
  --leading-body: 1.6;

  /* 글자 크기: 본문 16px 이상, 제목은 화면 폭에 따라 */
  --fs-label: 0.8125rem;                            /* 13 mono 라벨 */
  --fs-small: 0.875rem;                             /* 14 출처·캡션 */
  --fs-body: 1rem;                                  /* 16 */
  --fs-lead: clamp(1rem, 0.93rem + 0.4vw, 1.25rem);         /* 16→20 */
  --fs-h3: clamp(1.1875rem, 0.95rem + 1.15vw, 2rem);        /* 19→32 */
  --fs-h2: clamp(1.5rem, 1.05rem + 2.1vw, 2.75rem);         /* 24→44 */
  --fs-display: clamp(2.375rem, 1.4rem + 4.6vw, 5.5rem);    /* 38→88 */
  --fs-stat: clamp(2rem, 1.35rem + 3vw, 4rem);              /* 32→64 */

  /* 간격: 4px 단위 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;
  --section-y: clamp(64px, 7vw + 32px, 144px);
  --gutter: clamp(20px, 4vw, 48px);
  --max: 1280px;

  /* 선·모양 (가이드 4장): 선 1px, 버튼 4 / 카드 8 / 나머지 0, 그림자 없음 */
  --border: 1px;
  --radius-btn: 4px;
  --radius-card: 8px;

  /* 움직임: 짧게, ease-out */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-fast: 160ms;
  --dur: 240ms;
}