/* 디자인 토큰 — design.json의 cssVariables를 그대로 옮긴 것.
   색·간격·모션 값은 이 파일에만 둔다. 값을 바꿀 땐 design.json과 함께 바꾼다. */
:root {
  --font-display: 'Sora', 'Pretendard Variable', Pretendard, sans-serif;
  --font-body: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', sans-serif;
  --color-page: #FFFFFF;
  --color-panel: #F0EFEC;
  --color-card: #F4F4F4;
  --color-ink: #66635D;
  --color-ink-strong: #4A4844;
  --color-ink-muted: #8C8983;
  --color-divider: #BDBAB4;
  --color-blush: #E8CFCC;
  --color-accent: #9B5A6E;
  --color-accent-strong: #84475A;
  --color-accent-tint: #F3E6EA;
  --radius-panel: 24px;
  --radius-media: 16px;
  --radius-pill: 9999px;
  --gutter: 24px;
  --shadow-float: 0 4px 16px rgba(74,72,68,0.12);
  --color-success: #3F6B4F;
  --color-success-tint: #E4ECE6;
  --color-warning: #8A6420;
  --color-warning-tint: #F4ECDC;
  --color-error: #9E3B32;
  --color-error-tint: #F5E3E0;
  --dur-control: 250ms;
  --dur-editorial: 700ms;
  --ease-control: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-editorial: cubic-bezier(0.76, 0, 0.24, 1);
  --color-focus: #2F5BD3;
}