/* ONFORM Pilates — design tokens
 * 실측 출처: urbnpilates.com dom-extract (변형 0). hex = 측정 원본, oklch = 근사 병기.
 * 데모 스튜디오(가상) — 콘텐츠 전량 창작, 토큰만 1:1.
 */

:root {
  /* ---- color (warm-neutral 단일계, green 액센트 0) ---- */
  --c-sand:      #e6e4db; /* oklch(.92 .008 95)  메인 ground */
  --c-cream:     #eae8e1; /* oklch(.93 .007 90)  보조 표면 */
  --c-warmgrey:  #d6d0c8; /* oklch(.85 .012 80)  카드/구분 표면 */
  --c-clay:      #b1988a; /* oklch(.70 .030 55)  액센트 표면 */
  --c-espresso:  #50473f; /* oklch(.40 .015 65)  다크 섹션 + 헤딩 ink */
  --c-taupe:     #797167; /* oklch(.53 .013 70)  보조 텍스트 */
  --c-muted:     #bfb9b0; /* oklch(.77 .010 75)  헤어라인/희미 */
  --c-ink:       #50473f; /* 본문 ink = espresso(웜) */
  --c-on-dark:   #eae8e1; /* 다크/포토 위 텍스트 = cream */
  --c-hairline:  rgba(80, 71, 63, .22); /* espresso 22% — 구분선 */

  /* ---- type ---- */
  /* Latin glyph → Instrument Serif, 한글 glyph → Gowun Batang(명조 페어링) */
  --f-display: "Instrument Serif", "Gowun Batang", Georgia, "Times New Roman", serif;
  --f-mono:    "Roboto Mono", ui-monospace, "SFMono-Regular", monospace;
  --f-body:    "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
               system-ui, "Segoe UI", "Apple SD Gothic Neo", sans-serif;

  /* display scale (mobile-first; clamp = 실측 데스크탑 상한) */
  --fs-hero: clamp(2.75rem, 8.5vw, 4.75rem);  /* 44 → 76px (실측 64/76.8) */
  --fs-h2:   clamp(2.25rem, 6vw, 3.8rem);     /* 36 → 60.8px (실측 60.8) */
  --fs-h3:   clamp(1.75rem, 3.4vw, 2.8rem);   /* 28 → 44.8px (실측 35.2~44.8) */
  --fs-h5:   1.4rem;                          /* 22.4px */
  --fs-body: 1.125rem;                        /* 18px */
  --fs-small: 0.875rem;                       /* 14px */
  --fs-label: 0.8125rem;                      /* 13px mono */

  --lh-hero: 1.1;
  --lh-h2: 1.0;
  --lh-h3: 1.15;
  --lh-body: 1.5;          /* 27px / 18px */
  --ls-hero: -0.03em;      /* -2px @64 */
  --ls-h2: -0.026em;       /* -1.6px @60.8 */
  --ls-h3: -0.018em;       /* -0.75px */
  --ls-body: -0.014em;     /* -0.25px @18 */
  --ls-label: 0.06em;      /* 0.5~1px mono uppercase */

  /* ---- spacing scale (실측 gap/padding) ---- */
  --sp-1: 6px;
  --sp-2: 8px;
  --sp-3: 10px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 30px;
  --sp-8: 40px;
  --sp-9: 60px;
  --sp-10: 80px;
  --sp-11: 120px;

  /* ---- radius (역할별 분리 — 균일 금지) ---- */
  --r-pill: 999px;     /* 버튼/태그 = 완전 pill */
  --r-img: 100px;      /* 이미지 프레임 = 큰 소프트 아치 */
  --r-img-lg: 200px;
  --r-input: 4px;

  /* ---- motion (실측) ---- */
  --ease: cubic-bezier(0.44, 0, 0.56, 1);
  --dur: 0.45s;

  /* ---- layout ---- */
  --maxw: 1280px;
  --col-text: 600px;   /* 실측 텍스트 컬럼 max-width */
  --pad-x: clamp(20px, 5vw, 60px);
}