/* --- theme-elementary.css --- */
@import url("theme-earth.css");

/* このファイルを読み込むと、小学生向けのデザイン（グリーン）に変わります */
:root {
  /* 小学生：森や自然を感じる元気なグリーン */
  --primary-color: #558b2f;      /* 元のメイン色（黄緑系） */
  --primary-dark: #33691e;       /* 元の濃い緑（ヘッダー背景用） */
  --primary-light: #f1f8e9;      /* 元の薄い緑 */
  
  /* ヘッダー文字は白で見やすいように背景を濃くする */
  --header-text-color: #ffffff; 
}

/* 小学社会特有：h2の背景を可愛く */
main h2 {
  /* 背景は一番薄い緑を使用 */
  background-color: var(--primary-light); 
  /* 左の線はメインの緑 */
  border-left: 8px solid var(--primary-color); 
  /* 文字色は読みやすい濃い緑（primary-dark） */
  color: var(--primary-dark);
  
  padding: 0.5rem 1rem;
  border-radius: 4px;
}