:root {
  --font-base: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
               "Hiragino Sans", Meiryo, sans-serif;

  --color-bg: #ffffff;
  --color-surface: #f7f7f8;
  /* 課題ではないカード（計画・施策／挑戦・構想）の背景。同じトーンで明確に濃い青みグレー */
  --color-surface-ref: #d3dcea;
  --color-text: #1d1d1f;
  --color-text-muted: #6b6b70;
  --color-border: #e4e4e7;
  --color-accent: #1a5fb4;
  --color-challenge: #1f8a70;
  --color-link: #1a5fb4;

  /* 緊急度・深刻度スケール（●） */
  --color-scale-on: #c0392b;
  --color-scale-off: #d9d9de;

  /* タイムフレーム別バッジ色 */
  --color-tf-now: #c0392b;
  --color-tf-5y: #d68910;
  --color-tf-10y: #1a5fb4;
  --color-tf-gen: #6b6b70;
}

/* 別テーマ例：差し替えで全体が変わることの実証用 */
[data-theme="dark"] {
  --color-bg: #1b1b1d;
  --color-surface: #242427;
  --color-surface-ref: #363d4b;
  --color-text: #f2f2f4;
  --color-text-muted: #a1a1aa;
  --color-border: #34343a;
  --color-accent: #5ea0ef;
  --color-challenge: #3fb492;
  --color-link: #5ea0ef;
  --color-scale-on: #ff6b5e;
  --color-scale-off: #44444b;
}