/*
 * 配色トークン（BIOTOPE_DESIGN_SYSTEM.md §3 の写し）
 *
 * ★このファイルを直接編集しないこと。
 *   正は stroller-page-creator/BIOTOPE_DESIGN_SYSTEM.md §3。
 *   値を変えるときはBIOTOPEを先に直し、全サイトへ配り直す。
 *   ズレは node docs/tools/check-design-tokens.js が検出する。
 *
 * ★内部リンク色は本文色と同じ。下線を落とすとリンクが見えなくなる。
 */
:root {
  /* メインカラー */
  --color-primary: #142803;          /* コントラスト比 14.1:1 on --color-bg */
  --color-primary-light: #EDF2EC;
  --color-primary-dark: #0C1802;

  /* テキスト */
  --color-text: #142803;             /* 14.1:1 on --color-bg / 15.7:1 on white */
  --color-text-muted: #4A4A4A;       /* 8:1 on white */
  --color-text-light: #6B6B6B;       /* 5:1 on white */

  /* リンク */
  --color-link: #142803;             /* 内部リンク。本文色と同じ＝下線で識別する */
  --color-link-external: #2a4b8d;    /* 外部リンク。7.6:1 on --color-bg / 8.4:1 on white */

  /* 背景・ボーダー */
  --color-bg: #f7f2e8;
  --color-card: #FFFFFF;
  --color-border: #D0D0D0;
  --color-border-light: #E8E8E8;

  /* 表 */
  --color-table-head-bg: #142803;
  --color-table-head-text: #FFFFFF;  /* 15.7:1 */
  --color-table-bg: #EDF2EC;
  --color-table-text: #1B3D16;       /* 10.7:1 on --color-table-bg */

  /* アクセント・状態 */
  --color-accent: #C65D00;           /* 4.7:1 on white */
  --color-error: #B71C1C;            /* 7:1 on white */
  --color-success: #2E7D32;

  /* フォーカス表示（アクセシビリティ必須） */
  --color-focus-ring: #142803;
  --color-focus-bg: rgba(20, 40, 3, 0.08);
}