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

/* このファイルを読み込むと、高校生向けのデザイン（知的なパープル）に変わります */
:root {
  /* 高校生：大人っぽく洗練されたパープル */
  --primary-color: #8e24aa;      /* 元のメイン色（鮮やかな紫） */
  --primary-dark: #6a1b9a;       /* 元の濃い紫（ヘッダー背景用） */
  --primary-light: #f3e5f5;      /* 元の薄い紫（全体の背景やアクセント） */
  
  /* ヘッダー文字は白で見やすいように背景を濃くする */
  --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;
}