/* tokens.css — 짓다 운영사례 공유 디자인 토큰 (상세 case.css + 목록 index.html 공용 단일 소스) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
:root{
  /* 랜딩(tokens.css) 동일 팔레트 */
  --paper:#faf9f6; --paper-2:#f3f1ea; --canvas:#ffffff;
  --ink:#17171c; --ink-2:#2a2a32; --ink-3:#4a4a55; --muted:#8c8c97;
  --hairline:#e3e1da; --hairline-2:#cdc9c0;
  --helmet:#ffce2b; --helmet-deep:#e6b500; --helmet-soft:#fff4c2; --helmet-wash:#fbf6df;
  --safety:#ff6b1f; --safety-soft:#ffe0cf; --safety-deep:#cc4a0a;
  /* 사례 전용 액센트 */
  --coral:#ff7a59; --coral-soft:#ffe4db;
  --sky:#eaf3ff; --sky-ink:#2f6fd6; --green:#12b76a;
  --teach:#e06a3f; --teach-soft:#fff1ea;   /* 인터뷰: 제안 선생님 */
  --head:#3f5bd9;  --head-soft:#eef1fe;     /* 인터뷰: 부장 */
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:26px;
  --shadow-s:0 1px 2px rgba(20,20,25,.06),0 3px 10px rgba(20,20,25,.05);
  --shadow-m:0 6px 18px rgba(20,20,25,.09),0 20px 50px rgba(20,20,25,.08);
  --maxw:1180px;
  --font-display:'Pretendard Variable','Pretendard',system-ui,sans-serif;
  --font-body:'Pretendard Variable','Pretendard',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}