/* テーマの変数だけを上書きする（部品の見た目は components.css）。値の根拠は web/DESIGN.md */

:root,
[data-md-color-scheme="default"] {
  /* 主色・リンク色 */
  --md-primary-fg-color: #2563eb;
  --md-primary-fg-color--light: #60a5fa;
  --md-primary-fg-color--dark: #1d4ed8;
  --md-accent-fg-color: #1d4ed8;
  --md-typeset-a-color: #2563eb;

  /* フォント: OS 標準の日本語フォント。Web フォントは読み込まない（zensical.toml で font = false） */
  --md-text-font: system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Yu Gothic", "Noto Sans JP", "Noto Sans CJK JP", Meiryo, sans-serif;
  --md-code-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 文字色・面の色（部品の色トークン） */
  --mc-ink: #1e293b;
  --mc-ink-soft: #334155;
  --mc-ink-muted: #64748b;
  --mc-line: #e2e8f0;
  --mc-line-strong: #cbd5e1;
  --mc-surface: #f8fafc;
  --mc-surface-sunk: #f1f5f9;
  --mc-paper: #ffffff;

  --mc-primary: #2563eb;
  --mc-primary-deep: #1d4ed8;
  --mc-primary-soft: #dbeafe;
  --mc-primary-hover: #1d4ed8;
  --mc-on-primary: #ffffff;

  --mc-concept-line: #34d399;
  --mc-concept-ink: #047857;

  --mc-keypoint-bg: #fef3c7;
  --mc-keypoint-line: #d97706;
  --mc-keypoint-ink: #b45309;

  --mc-answer-bg: #f0fdf4;
  --mc-answer-line: #dcfce3;

  /* グラフ枠・板: ダークモードでも白のまま（SVG の配色が白地前提のため。ダーク側では上書きしない） */
  --mc-graph-bg: #f8fafc;
  --mc-graph-line: #f1f5f9;
  --mc-plate-bg: #ffffff;
  --mc-plate-line: #e2e8f0;

  /* 単元マップのカテゴリ色（板の上に置くので、ダークでも上書きしない） */
  --mc-cat-algebra-bg: #fef2f2;
  --mc-cat-algebra-line: #fecaca;
  --mc-cat-algebra-ink: #7f1d1d;
  --mc-cat-geometry-bg: #fefce8;
  --mc-cat-geometry-line: #fef08a;
  --mc-cat-geometry-ink: #713f12;
  --mc-cat-analysis-bg: #f0fdf4;
  --mc-cat-analysis-line: #bbf7d0;
  --mc-cat-analysis-ink: #14532d;
  --mc-cat-stats-bg: #faf5ff;
  --mc-cat-stats-line: #e9d5ff;
  --mc-cat-stats-ink: #581c87;

  /* 数学用の色: 3本の SVG が実際に使っている色。SVG 側は変えず、PR2 の JS 描画が参照する */
  --mc-math-curve: #3b82f6;
  --mc-math-point: #38bdf8;
  --mc-math-axis: #94a3b8;
  --mc-math-aux: #cbd5e1;
  --mc-math-outline: #1e293b;
  --mc-math-seq: #0ea5e9;
  --mc-math-ok: #10b981;
  --mc-math-ok-deep: #047857;
  --mc-math-warn-deep: #d97706;
  --mc-math-vertex: #7c3aed;
  --mc-math-warn: #f59e0b;
  --mc-math-neg: #f43f5e;
  --mc-math-text: #334155;
  --mc-math-region: #2563eb;
  --mc-math-label: #475569;
  --mc-math-white: #ffffff;
}

/* ダークモード（ヘッダーの切り替えボタン。既定は light で、OS 設定には追従しない）。
   --mc-math-* とグラフ枠・板は上書きしない */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #60a5fa;
  --md-primary-fg-color--light: #93c5fd;
  --md-primary-fg-color--dark: #3b82f6;
  --md-accent-fg-color: #93c5fd;
  --md-typeset-a-color: #7db3fb;

  --mc-ink: #f1f5f9;
  --mc-ink-soft: #cbd5e1;
  --mc-ink-muted: #94a3b8;
  --mc-line: #343a46;
  --mc-line-strong: #4b5565;
  --mc-surface: #20232a;
  --mc-surface-sunk: #292d36;
  --mc-paper: #1b1d23;

  --mc-primary: #2563eb;
  --mc-primary-soft: #1e3a8a;
  --mc-primary-deep: #bfdbfe;
  --mc-primary-hover: #3b82f6;

  --mc-concept-line: #34d399;
  --mc-concept-ink: #6ee7b7;

  --mc-keypoint-bg: #3a2f12;
  --mc-keypoint-line: #d97706;
  --mc-keypoint-ink: #fbbf24;
}

/* 本文領域を広げる（テーマ既定は 61rem） */
.md-grid {
  max-width: 90rem;
}