/* 디자인 토큰 — ~/.claude/skills/prj-init/references/ui-design-principles.md 기본값.
   값은 여기(:root)에서만 선언하고 app.css 는 var(--...) 로만 참조한다. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --text-display: 19px;
  --text-body: 15px;
  --text-meta: 13px;

  --ink: #15181b;
  --ink-soft: #565d63;
  --ink-faint: #8b9197;
  --paper: #ffffff;
  --paper-sunken: #f3f4f6;
  --line: #e1e4e7;
  --accent: #2a55c7;
  --accent-ink: #ffffff;
  --danger: #a3271f;
  --danger-bg: #fbeae8;
  --ok: #1c6b3a;
  --ok-bg: #e8f4ec;
  --warn: #8a5a00;
  --warn-bg: #faf1de;

  --font-sans: -apple-system, "Pretendard", "Malgun Gothic", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Space Mono", Menlo, monospace;

  --radius: 6px;
  --radius-pill: 999px;

  --line-width: 1px;
  --layout-max: 1200px;
  --field-width: 320px;
}