/* tokens.css — Jacket Shift トークン（v1.4）
 * 生トークン5色は theme.js が genres.json の jacket から上書きする（データ駆動）。
 * :root の初期値 = 中立ジャケット（マップ＝生成り紙の目次ページ）。
 * 以下のセマンティック変数は生トークンからの派生のみ。色のハードコード追加は禁止。
 */

:root {
  /* ── 生トークン（JSが上書き） ── */
  --paper:     #F2EDE0;
  --ink:       #221E18;
  --ink-faint: #6B6354;
  --accent:    #C73E2E;
  --line:      #C9C0AC;

  /* ── タイポ3系統 ── */
  --font-serif: Georgia, 'Times New Roman', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-mono:  'SF Mono', Menlo, Consolas, monospace;
  --font-sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* ── 派生セマンティック変数（既存参照名を維持） ── */
  --bg-primary:       var(--paper);
  --text-primary:     var(--ink);
  --text-muted:       var(--ink-faint);
  --accent-color:     var(--accent);
  --note-color:       var(--accent);
  --note-text:        var(--paper);
  --chord-label-bg:   color-mix(in srgb, var(--accent) 12%, transparent);
  --groove-beat-line: var(--ink);
  --groove-sub-line:  var(--line);
  --groove-lane-even: transparent;
  --groove-lane-odd:  color-mix(in srgb, var(--ink) 4%, transparent);
  --piano-white-row:  transparent;
  --piano-black-row:  color-mix(in srgb, var(--ink) 8%, transparent);
  --piano-key-white:  var(--paper);
  --piano-key-black:  var(--ink);
  --piano-key-text-white: var(--ink);
  --piano-key-text-black: var(--paper);
  --bass-note-color:  var(--ink);
  --bass-note-text:   var(--paper);
  --error-bg:         transparent;
  --error-border:     var(--accent);
}