/*
 * デザイントークン。
 * 出典: ../denken3-docs/21-design-tokens.md（2026-09-07 策定）
 * 3リポジトリで同じ値を使う決まりなので、ここで独自の色を足さない。
 */
:root,
[data-theme="light"] {
  color-scheme: light;

  --bg: #f9f9f7;
  --card: #fcfcfb;
  --text: #0b0b0b;
  --text-sub: #52514e;
  --text-weak: #898781;
  --hairline: #e1e0d9;
  --ring: rgba(11, 11, 11, 0.1);

  --primary: #2a78d6;
  --primary-pressed: #256abf;
  --primary-pale: #cde2fb;
  --on-primary: #ffffff;
  /* 面用の --primary を文字色にすると 4.30:1 で AA 未満。文字は必ずこちら（5.26:1） */
  --primary-text: #256abf;

  --good: #0ca30c;
  --warning: #fab219;
  --serious: #ec835a;
  --critical: #d03b3b;

  --seq-100: #cde2fb;
  --seq-300: #6da7ec;
  --seq-450: #2a78d6;
  --seq-600: #184f95;
  --seq-700: #0d366b;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

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

  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 160ms;
  --dur-normal: 240ms;

  --font: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0d0d0d;
    --card: #1a1a19;
    --text: #ffffff;
    --text-sub: #c3c2b7;
    --text-weak: #898781;
    --hairline: #2c2c2a;
    --ring: rgba(255, 255, 255, 0.1);
    --primary: #3987e5;
    --primary-pressed: #5598e7;
    --primary-pale: #184f95;
    --primary-text: #3987e5;
  }
}

:root[data-theme="dark"],
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d0d0d;
  --card: #1a1a19;
  --text: #ffffff;
  --text-sub: #c3c2b7;
  --text-weak: #898781;
  --hairline: #2c2c2a;
  --ring: rgba(255, 255, 255, 0.1);
  --primary: #3987e5;
  --primary-pressed: #5598e7;
  --primary-pale: #184f95;
  --primary-text: #3987e5;
}