/* アプリ固有のトークン。配色はBODIKサイト (bodik-chrome.css の :root) に揃えています。 */

:root {
  --ink: var(--text);
  --muted: var(--text-muted);
  --line: var(--border);
  --paper: var(--bg-light);
  --panel: var(--bg-section);

  /* 図表と状態表示。青系は本文と競合しないよう彩度を抑えています。 */
  --brand: var(--accent);
  --brand-strong: var(--accent-strong);
  --brand-soft: var(--accent-soft);
  --confirmed: #bf0404;
  --confirmed-soft: #fdeaea;
  --possible: #d99036;
  --possible-soft: #fdf1e0;

  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sans: var(--font-sans);

  /* 別サイトへ移動することを示すアイコン。文字色に合わせて塗るのでマスクで使います。 */
  --icon-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
}