/* ============================================================
   Beside Co. — design tokens  (light editorial + coral accent)
   허브 사이트 단일 토큰 소스. CONCEPT.md §4 참고.
   hey-hu.com 식 라이트 에디토리얼 — 화이트/블랙 고대비, 굵은 고딕 헤드라인,
   대문자 레터스페이스 모노 라벨, 헤어라인 스위스 그리드.
   코랄(#FF5C49)은 Beside 시그니처지만 여기선 '포인트 액센트'로만.
   ============================================================ */
:root{
  /* ---- surfaces ---- */
  --paper:#FFFFFF;            /* 배경 */
  --paper-2:#FAF9F7;          /* 살짝 따뜻한 서피스 */
  --ink-bg:#0B0B0C;           /* 다크 대비 블록 (contact·footer) */

  /* ---- hairlines / rules ---- */
  --line:rgba(17,17,17,.13);  /* 기본 헤어라인 */
  --line-2:rgba(17,17,17,.07);
  --rule:#111111;             /* 강조 룰 (섹션 상단 등) */
  --line-on-ink:rgba(244,242,237,.14);

  /* ---- text ---- */
  --tx:#0E0E0E;               /* near-black */
  --tx2:#56544F;              /* 본문 muted */
  --tx3:#7E7A71;              /* mono 라벨 / faint */
  --on-ink:#F4F2ED;           /* 다크 블록 위 */
  --on-ink-2:#A6A29A;

  /* ---- accent (coral) ---- */
  --coral:#FF5C49;            /* Beside 시그니처 */
  --coral-ink:#E1402B;        /* 라이트 배경 위 링크 가독용(약간 진하게) */
  --peach:#FFC9A3;

  /* ---- per-project swatches (작은 점·룰로만 사용) ---- */
  --p-beside60:#FF8A6B;
  --p-heartway:#FF5A5F;
  --p-whatev:#CFFF04;
  --p-whatev-2:#FF2DF1;
  --p-horog:#E8843D;       /* 호로그 오렌지 */

  /* ---- type ---- */
  --sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,
         "Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;        /* 본문 + 디스플레이(헤비 weight) */
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;       /* 대문자 라벨 */

  /* ---- shape / rhythm ---- */
  --max:1200px;
  --pad:clamp(20px,5vw,56px);          /* 좌우 거터 */
  --section:clamp(76px,10vw,148px);    /* 섹션 상하 */
  --ring:0 0 0 3px rgba(255,92,73,.45);/* focus-visible */

  /* ---- motion ---- */
  --dur:.5s; --dur-fast:.18s;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* 유틸 예시 — index.html 빌드 시 참고용
.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:var(--tx3)}
.display{font-family:var(--sans);font-weight:800;letter-spacing:-.03em;line-height:1.04}
*/