:root {
  /* 小学生：元気なイエロー・アンバー */
  --primary-color: #FFC107;      /* アンバー */
  --primary-dark: #FF6F00;       /* 濃いオレンジ（ヘッダー背景用） */
  --primary-light: #FFECB3;      /* 薄い黄色 */
  
  /* ヘッダー文字は白で見やすいように背景を濃くする */
  --header-text-color: #ffffff; 
}

/* 小学社会特有：h2の背景を可愛く */
main h2 {
  background-color: #FFF8E1;
  border-left-color: #FFC107;
  color: #5D4037;
}