/* ==========================================================================
   カラートークン（自動生成ファイル・直接編集禁止）
   生成元: blog/design/palette.mjs  /  再生成: npm run tokens
   ルール: DESIGN.md §2 ― 色は必ず var(--color-*) で参照すること。
   ========================================================================== */

:root {
  /* 起点（直接参照は非推奨。役割トークン --color-* を使う） */
  --root-paper: #FAFAF8;
  --root-ink: #1F2A33;
  --root-blue: #3B6E8F;
  --root-marker: #D9A441;
  --root-danger: #B23A30; /* 機能色: 管理画面専用 */

  /* 役割トークン（派生済み） */
  --color-bg: #FAFAF8;
  --color-surface: #FFFFFD;
  --color-surface-sunken: #F2F2F0;
  --color-border: #D8DADA;
  --color-border-strong: #B6BABC;
  --color-text: #1F2A33; /* コントラスト 14.59 (--color-surface 上) */
  --color-text-muted: #697075; /* コントラスト 5.02 (--color-surface 上) */
  --color-primary: #3B6E8F;
  --color-primary-strong: #235777; /* コントラスト 7.77 (--color-surface 上) */
  --color-primary-soft: #E2E8EB;
  --color-on-primary: #FAFAF8; /* コントラスト 5.27 (--color-primary 上) */
  --color-link: #3B6E8F; /* コントラスト 5.50 (--color-surface 上) */
  --color-link-hover: #1D5171; /* コントラスト 8.50 (--color-surface 上) */
  --color-accent: #D9A441;
  --color-accent-soft: #EEDAB7;
  --color-accent-subtle: #F5ECDD;
  --color-on-accent: #1F2A33; /* コントラスト 6.50 (--color-accent 上) */
  --color-accent-text: #9B6D00; /* コントラスト 4.58 (--color-surface 上) */
  --color-inverse-bg: #1F2A33;
  --color-inverse-text: #FAFAF8;
  --color-shadow: rgb(31 42 51 / 0.06);
  --color-shadow-strong: rgb(31 42 51 / 0.12);
  --color-overlay: rgb(31 42 51 / 0.88);
  --color-scrim: rgb(31 42 51 / 0.32);
  --color-shade: rgb(31 42 51 / 0.1);
  --color-danger: #B23A30; /* コントラスト 5.92 (--color-surface 上) */
  --color-danger-strong: #971E18; /* コントラスト 8.34 (--color-surface 上) */
  --color-danger-soft: #F4E3DF;
  --color-on-danger: #FAFAF8; /* コントラスト 5.67 (--color-danger 上) */
}