/* 見た目をまとめて調整したい場合はここを編集する */
:root {
  --color-bg: #f4f5f7;
  --color-surface: #ffffff;
  --color-border: #dfe2e6;
  --color-text: #1f2329;
  --color-text-muted: #6b7280;
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-accent: #111827;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  --font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Segoe UI", sans-serif;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
}