/* 다원 사업비정산센터 — 디자인 토큰
 * 원칙(스펙 §9): 흰 배경 · 다크 · 무채색 기조. 유채색은 seal(다크 골드) 하나만.
 * 지산세무회계(Deep Teal)와 시각적으로 분리한다.
 */

:root {
  /* ===== Paper & Ink — 무채색 기조 ===== */
  --paper: #ffffff;
  --paper-sunk: #f6f7f8;
  --paper-deep: #14181f;
  --ink: #14181f;
  --ink-soft: #3d444e;
  --muted: #6b7280;
  --muted-light: #9aa2ad;
  --rule: #dfe3e8;
  --rule-soft: #eef1f4;

  /* ===== Seal — 유일한 유채색. 낙관·직인 계열 다크 골드 ===== */
  --seal: #8a6a2f;
  --seal-light: #a8853f;
  --seal-bg: #faf7f0;

  /* ===== Brand exception — KakaoTalk (브랜드 보호색, 변경 금지) ===== */
  --kakao: #fee500;
  --kakao-ink: #3c1e1e;

  /* ===== Form error 전용. 콘텐츠 강조에 사용 금지 ===== */
  --err: #a8322d;

  /* ===== Typography =====
   * body/display : Pretendard (무게·트래킹으로 절제된 디스플레이)
   * label        : 한글 마이크로 라벨. Pretendard + 한글에 안전한 트래킹.
   * data         : 모노 — 실제 '데이터'에만. 기준일·번호·금액·§기호처럼
   *                라틴/숫자 위주인 곳에서만 쓴다. 한글을 모노에 넣으면
   *                시스템 폰트로 폴백해 Pretendard와 어긋난다.
   */
  --font: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', sans-serif;
  --font-label: var(--font);
  --font-data: ui-monospace, 'SF Mono', 'Cascadia Mono', 'Consolas', 'D2Coding', monospace;

  --fs-2xs: 0.6875rem;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;
  --fs-5xl: 3rem;
  --fs-6xl: 3.75rem;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;

  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* 디스플레이 트래킹 — 한글 큰 제목은 조여야 단단해진다 */
  --tracking-display: -0.03em;
  --tracking-label: 0.02em;
  --tracking-data: 0.02em;

  /* ===== Spacing ===== */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ===== Radius — 0 도그마는 피한다. 카드만 아주 약하게 ===== */
  --radius-sm: 2px;
  --radius: 4px;
  --radius-lg: 8px;
  --radius-full: 9999px;

  /* ===== Shadow — 거의 쓰지 않는다 ===== */
  --shadow-sm: 0 1px 2px rgba(20, 24, 31, 0.04);
  --shadow: 0 4px 16px rgba(20, 24, 31, 0.06);

  /* ===== Motion ===== */
  --t-fast: 140ms ease;
  --t: 220ms ease;

  /* ===== Layout ===== */
  --container: 1140px;
  --container-narrow: 760px;
  --gutter: 1.25rem;
  --header-h: 68px;

  /* Signature — 근거 열(Evidence Gutter) 폭 */
  --evidence-w: 168px;
  --evidence-gap: 2.5rem;
}