/* 문서 canvas·최소 오류 화면·앱이 공유하는 기본 토큰입니다.
   head의 동기 theme-init.js보다 먼저 적용하며 앱 CSS에도 빌드 시 같은 정본을 포함합니다. */
:root {
  --background: #fff;
  --foreground: #202124;
  --input-border: #85858f;
  --focus-ring: #2563eb;
  --font-app: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --type-body: 1rem;
  --type-h1: 1.5rem;
  --type-h1-desktop: 1.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --radius-control: 0.5rem;
  color-scheme: light;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-app);
}

:root[data-theme="dark"] {
  --background: #000;
  --foreground: #fafafa;
  --input-border: #a3a3a3;
  --focus-ring: #93c5fd;
  color-scheme: dark;
}