/*
 * AIスクール比較の色（0.14.0〜）。白地に、差し色はテラコッタ（赤みのオレンジ）1色。
 * 学ぶ気持ちが上がる暖かい色にし、ほかは墨と灰で組む。差し色を使う場所は base.css の 0.14.0 の節にまとめてある。
 *   --brand       主なボタンの塗り。白い文字とのコントラスト 4.76:1
 *   --brand-line  飾りの線・料金の棒（文字ではない）。柿色 #E0663F。白地とのコントラスト 3.42:1
 *   --accent      リンクの文字。白地 5.27:1／淡い面 4.65:1
 * 0.16.2〜 柿色に寄せた（2026-10-05 編集長のご指定）。柿色そのままでは白い文字が読みにくい（3.42:1）ので、
 * ボタンとリンクは同じ色相のまま少し深くしている
 * 「条件つき」などの注意の札（--warn）は差し色と見分けがつくよう、黄土色に寄せた。
 * 他のサイトで色を変えるときは、このファイルを複製して body.site-{id} の変数を上書きする。
 * 暗いモードは html[data-as-theme="dark"] と、端末の設定（prefers-color-scheme）の両方に書くこと。
 */
body.site-ai {
	--bg: #FFFFFF; --surface: #FFFFFF; --sunken: #F6F4EF; --ink: #1F1E1D; --muted: #5E5B55;
	--line: #E8E5DE; --line-strong: #BEB9AF;
	--brand: #C24E28; --brand-line: #E0663F; --on-brand: #FFFFFF;
	--accent: #B8481F; --accent-soft: #FCEEE8;
	--warn: #8A5A00; --warn-bg: #FDF5E1; --warn-line: #E2C27A;
}
html[data-as-theme="dark"] body.site-ai {
	--bg: #141312; --surface: #1C1B19; --sunken: #262421; --ink: #F1EEE8; --muted: #ADA79D;
	--line: #302D29; --line-strong: #57524B;
	--brand: #EA7A50; --brand-line: #EA7A50; --on-brand: #141312;
	--accent: #F08A62; --accent-soft: #3A2219;
}
@media (prefers-color-scheme: dark) {
	html:not([data-as-theme="light"]) body.site-ai {
		--bg: #141312; --surface: #1C1B19; --sunken: #262421; --ink: #F1EEE8; --muted: #ADA79D;
		--line: #302D29; --line-strong: #57524B;
		--brand: #EA7A50; --brand-line: #EA7A50; --on-brand: #141312;
		--accent: #F08A62; --accent-soft: #3A2219;
	}
}