/* --- theme-earth.css --- */
/* ちがくナビ全体共通設定 */

:root {
  /* メインカラー：地球と知性をイメージしたティール（青緑） */
  --primary-color: #00796b;      /* 標準ティール */
  --primary-dark: #004d40;       /* 濃いティール */
  --primary-light: #b2dfdb;      /* 薄いティール（背景用） */
  --accent-color: #ffca28;       /* アクセント（星・注意） */
  
  --background-light: #e0f2f1;   /* 全体の背景：非常に薄いティール */
  --background-main: #ffffff;    /* 記事部分の背景：白 */
  
  --text-color: #263238;         /* 視認性の高いダークブルーグレー */
  --header-text-color: #ffffff;  /* ヘッダー文字色：白 */
  
  --link-color: #00695c;
}

/* --- 基本の上書き --- */
body {
  background-color: var(--background-light);
  color: var(--text-color);
}

header {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
  color: var(--header-text-color);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* グローバルナビゲーション */
nav {
  border-bottom: 4px solid var(--accent-color);
}
nav a {
  color: #ffffff;
}
nav a:hover, nav a.active {
  background-color: rgba(255,255,255,0.2);
  color: #fff;
}

/* --- パンくずリスト --- */
.breadcrumb-container {
  background-color: #ffffff;
  border-bottom: 1px solid #cfd8dc;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.breadcrumb a {
  color: var(--primary-color);
  font-weight: bold;
}
.breadcrumb li.current {
  color: #455a64;
  font-weight: bold;
}
.breadcrumb li:not(:last-child)::after {
  color: #b0bec5;
}

/* --- 見出し --- */
main h1 {
  color: var(--primary-dark);
  border-bottom: 3px solid var(--primary-color);
}
main h2 {
  color: var(--primary-dark);
  border-left: 8px solid var(--primary-color);
  background-color: var(--primary-light);
  padding: 0.5rem 1rem;
}
main h3 {
  color: var(--primary-color);
  border-bottom: 2px dashed var(--primary-light);
}

/* --- キャラクターボックス（地学仕様） --- */
.character-box {
  border: 2px solid;
  background-color: #fff;
}
.character-dialog-header {
  font-weight: bold;
}

/* ちさまる（黄色：学習者・共感） */
.chisumaru-box {
  border-color: #fbc02d;
  background-color: #fffde7;
}
.chisumaru-box .character-dialog-header {
  background-color: #fff9c4;
  color: #f57f17;
}

/* コレクト（青：専門家・論理） */
.collect-lab {
  border-color: #0277bd;
  background-color: #e1f5fe;
}
.collect-lab .character-dialog-header {
  background-color: #b3e5fc;
  color: #01579b;
}

/* まとめボックス（緑：地学の知識） */
.summary-box {
  border-color: #00796b;
  background-color: #e0f2f1;
}
.summary-box .character-dialog-header {
  background-color: #b2dfdb;
  color: #004d40;
}