/* 디자인 토큰 — 색 · 글꼴 · 크기 · 간격 · 움직임. 값을 바꿀 땐 여기만 */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 900;font-display:swap;
  src:url(https://cdn.jsdelivr.net/npm/@fontsource-variable/fraunces@5/files/fraunces-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0020-007F,U+00D7,U+2191,U+2193,U+25B2,U+25BC}
:root{
  color-scheme:light;
  --paper:#f5f1e8;--paper-2:#ece6d8;--sheet:#fbf9f4;--ink:#17140f;--ink-2:#4a443b;--ink-3:#6b6458;
  --rule:#d9d1c1;--rule-2:#c6bca8;
  --signal:#e2461b;--signal-ink:#b8360f;--signal-bg:#fbe4d9;
  --up:#24704a;--up-bg:#dcefe2;--cc:#0d7468;--warn:#8a5a00;--warn-bg:#f6e8c6;
  --font:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --num:"Fraunces","Pretendard Variable",Pretendard,Georgia,serif;
  --t-xs:.8125rem;--t-sm:.9375rem;--t-md:1.0625rem;--t-lg:1.25rem;--t-xl:1.625rem;
  --t-hero:clamp(2.75rem,1.6rem + 4.2vw,4.75rem);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;
  --r-s:6px;--r-m:10px;--r-l:16px;
  --side:236px;--gutter:clamp(16px,1rem + 2vw,40px);
  --ease:cubic-bezier(.16,1,.3,1);--fast:140ms;--norm:260ms;
  --shadow:0 1px 0 rgba(23,20,15,.04),0 12px 32px -18px rgba(23,20,15,.28);
}