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

/* このファイルを読み込むと、中学生向けのデザイン（落ち着いたブルー）に変わります */
:root {
  /* 中学生：誠実・知的なブルー */
  --primary-color: #1976d2;      /* 元のメイン色（明るい青） */
  --primary-dark: #0d47a1;       /* 元の濃い青（ヘッダー背景用） */
  --primary-light: #e3f2fd;      /* 元の薄い青（全体の背景やアクセント） */
  
  /* ヘッダー文字は白で見やすいように背景を濃くする */
  --header-text-color: #ffffff; 
}

/* 中学社会：少し大人っぽく、かつ見やすく */
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;
}