/*
  Design tokens. site-init replaces --color-main / --color-main-ink /
  --color-sub / --color-accent-bg with values derived from the site's
  MAIN_COLOR / SUB_COLOR input — everything else stays fixed across sites.
*/
:root {
  --color-main: #2563eb;
  --color-main-ink: #1d4ed8;
  --color-sub: #7c3aed;
  --color-accent-bg: #eef3ff;

  --color-ink: #16181d;
  --color-body: #33363d;
  --color-muted: #6b7280;
  --color-faint: #9aa1ac;
  --color-border: #e5e7eb;
  --color-border-strong: #d1d5db;
  --color-surface: #ffffff;
  --color-surface-alt: #f7f8fa;
  --color-bg: #ffffff;
  --color-danger: #b3261e;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  --content-max: 720px;
  --shell-max: 1120px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --touch-target: 44px;
  --motion-fast: 150ms;
  --motion-base: 200ms;
}