/* 깨비버스 디자인 토큰 — 모던 카드 UI 톤. 컨셉 이미지(2026-05-05) 기준 */
:root {
  /* 배경·표면 */
  --bg: #fafbfc;
  --surface: #ffffff;
  --surface-soft: #f4f5f9;
  --surface-strong: #eceef4;

  /* 텍스트 */
  --ink: #1a1a2e;
  --ink-soft: #4a4a5e;
  --muted: #8b8ba0;
  --line: rgba(26, 26, 46, 0.08);
  --line-strong: rgba(26, 26, 46, 0.14);

  /* 액센트 — 채도 높은 5색 */
  --red: #f25c5c;
  --red-deep: #d94545;
  --yellow: #ffb23e;
  --yellow-deep: #e89a26;
  --green: #3dd9a8;
  --green-deep: #28b88c;
  --blue: #3b82f6;
  --blue-deep: #2563eb;
  --purple: #8b5cf6;
  --purple-deep: #6d3ee5;

  /* 의미별 별칭 (기존 코드 호환 — 점진 제거 예정) */
  --primary: var(--red);
  --primary-deep: var(--red-deep);
  --accent: var(--yellow);
  --accent-deep: var(--yellow-deep);

  /* 폰트 — Pretendard 단일 */
  --font:
    "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
    "Malgun Gothic", sans-serif;
  --serif: var(--font);
  --batang: var(--font);
  --hand: var(--font);
  --body: var(--font);

  /* 그림자 — 부드럽고 절제 */
  --shadow-xs: 0 1px 2px rgba(26, 26, 46, 0.04);
  --shadow-sm: 0 2px 8px rgba(26, 26, 46, 0.06);
  --shadow-md: 0 8px 24px rgba(26, 26, 46, 0.08);
  --shadow-lg: 0 16px 40px rgba(26, 26, 46, 0.1);
  --shadow-soft: var(--shadow-sm);
  --shadow-page: var(--shadow-md);

  /* radius */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
}