:root {
  /* ------------------------------ */
  /* 既存トークン（下層ページも同じ名前を参照するため、値は変更しない） */
  /* ------------------------------ */

  /* common */
  --main-color: #14873D;

  /* news */
  --color-news: #606060;
  --color-news-shadow: #424141;
  --color-news-sub: #878787;
  --color-news-thin: #d6d6d6;
  --color-news-bg: #F0F0F0;

  /* science-project（自由研究） */
  --color-science-project: #03AADC;
  --color-science-project-shadow: #057B9F;

  /* science（科学） */
  --color-science: #00B41E;
  --color-science-shadow: #14873D;

  /* work（未来の仕事） */
  --color-work: #F5910A;
  --color-work-shadow: #B76D09;

  /* factory（工場見学） */
  --color-factory: #AA69C3;
  --color-factory-shadow: #6E467D;

  /* manga（まんがでよくわかるシリーズ） */
  --color-manga: #E66E5F;
  --color-manga-shadow: #9B4E45;

  /* dictionary（辞典） */
  --color-dictionary: #4B5FD2;
  --color-dictionary-shadow: #2D3B8D;

  /* parents（保護者） */
  --color-parents: #F090AA;
  --color-parents-shadow: #BD7E8F;

  /* teacher（教員） */
  --color-teachers: #9B052D;
  --color-teachers-shadow: #6A0621;

  /* ------------------------------ */
  /* 2026 リニューアルで追加 */
  /* 既存トークンとは別値のため、名前を分けている */
  /* ------------------------------ */

  /* テキスト */
  --color-txt1: #333333;

  /* カテゴリ（新パレット。上の --color-science / --color-work とは別の値） */
  --color-science-main: #1B792B;
  --color-work-main: #C75001;

  /* おたすけAI（検索・ヘッダーの AI ボタンで使用） */
  --color-ai: #24A6B5;
  --color-ai-shadow: #118E9D;
  --color-ai-bg: #EFFDFF;

  /* 教員・保護者向けセクションのパネル背景 */
  --color-teachers-bg: #FFFAE7;
  --color-parents-bg: #FDF0EF;

  /* ------------------------------ */
  /* ジャンル見出しの配色 */
  /* ジャンルごとに3色：本体色（リング・罫線下・ボタン）/ 罫線上 / タイトル輪郭 */
  /* タイトルの塗りは全ジャンル共通で --color-genre-title */
  /* ジャンルを追加するときは下記3トークンと .b-genre--* を1つ足すだけでよい */
  /* ------------------------------ */
  --color-genre-title: #FFE600;

  --color-science-project-bg: #E1F8FF;
  --color-manga-bg: #FFF0EE;
  --color-factory-bg: #FFFFF8;
  --color-dictionary-bg: #F3F4FB;

  /* 科学（本体色は --color-science-main） */
  --color-science-rule: #3CC552;
  --color-science-stroke: #1FA334;

  /* 自由研究（本体色は --color-science-project） */
  --color-science-project-rule: #FFE600;
  --color-science-project-stroke: #059DCB;

  /* 未来の仕事（本体色は --color-work-main） */
  --color-work-rule: #FFAA0D;
  --color-work-title: #FFF9BE;

  /* 工場見学（本体色は --color-factory） */
  --color-factory-rule-bottom: #4F265F;
  --color-factory-title: #C484DC;

  /* 辞典（本体色は --color-dictionary） */
  --color-dictionary-rule-bottom: #2D3B8D;
  --color-dictionary-title: #B8C3FF;
  --color-dictionary-stroke: #142378;

  /* まんが（本体色は --color-manga） */
  --color-manga-rule-bottom: #B94435;
  --color-manga-title: #FFD3CD;
  --color-manga-stroke: #8D1A0C;
  --color-manga-bar-title: #FFF597;
  --color-manga-bar-stroke: #491111;

  /* 動画（新カテゴリ。罫線下部とタイトル塗りが他ジャンルと違う） */
  --color-movie: #F010A6;
  --color-movie-rule-bottom: #7E0054;
  --color-movie-title: #FFC2EB;
  --color-movie-stroke: #CA098A;

  /* レイアウト */
  --content-width: 1000px;
}