/* ──────────────────────────────────────────────────────────────
   Cligent 디자인 토큰 (SSOT)
   Apple 골격 × Cligent 에머랄드. 단일 진실원 = 이 파일.
   변경 이력/근거: docs/design.md + docs/adr.yaml (디자인 토큰 ADR)
   run 20260611-233454-1800

   원칙
   - primary 채움 = emerald-900 단일 액센트
   - emerald-700 = 기능 슬롯 전용(포커스 링·다크 배경 링크·정보 강조)
   - hover/press = transform scale + opacity (색 스왑 금지 = Apple)
   - 그림자 전면 0 (chrome + 오버레이) — Apple 무그림자.
     오버레이 elevation = backdrop-filter(--blur-overlay) + 헤어라인
   ────────────────────────────────────────────────────────────── */
:root {
  /* ── 팔레트 (raw, 레거시 별칭 겸용 — 기존 템플릿 var명 호환) ── */
  --emerald-900: #064e3b;   /* primary */
  --emerald-700: #047857;   /* functional */
  --emerald-50:  #ecfdf5;
  --sage:        #a8b5a0;
  --sage-soft:   #eef1ea;
  --sage-tint:   #f6f8f4;
  --stone-100:   #f5f5f4;
  --stone-300:   #d6d3d1;
  --stone-500:   #78716c;
  --stone-700:   #44403c;
  --stone-900:   #1c1917;
  --white:       #ffffff;
  --red-500:     #ef4444;
  --amber-500:   #f59e0b;

  /* ── 색 — 의미 토큰 (SSOT 정본명) ── */
  --c-primary:       var(--emerald-900);   /* 단일 액센트 채움 */
  --c-functional:    var(--emerald-700);   /* 기능 슬롯 전용 */
  --c-surface-tint:  var(--sage-tint);     /* AI 면·연한 면 */
  --c-ink:           var(--stone-900);     /* 본문 */
  --c-muted:         var(--stone-500);     /* 캡션·비활성 */
  --c-hairline:      #e3e8e0;              /* sage 헤어라인 */
  --c-white:         var(--white);

  /* ── radius ── */
  --r-sm:   8px;
  --r-md:   11px;
  --r-lg:   18px;
  --r-pill: 9999px;

  /* ── 폰트 ── */
  --fs-body:        17px;
  --lh-body:        1.47;
  --fw-body:        400;
  --fs-caption:     14px;
  --fs-caption-sm:  13px;
  --ls-headline:    -0.02em;
  --fw-headline:    600;

  /* ── 높이 ── */
  --h-interactive-min: 44px;
  --h-interactive:     48px;
  --h-header:          56px;

  /* ── 전환 ── */
  --dur-fast:   120ms;
  --dur-normal: 200ms;
  --ease:       cubic-bezier(.16, 1, .3, 1);

  /* ── 오버레이 elevation (그림자 대체 = Apple backdrop-blur) ── */
  --blur-overlay: saturate(180%) blur(20px);
}