:root {
  color-scheme: light;
  font-family: "Zen Maru Gothic", "BIZ UDPGothic", "Segoe UI", sans-serif;
  --ink: #273248;
  --muted: #6d7184;
  --cream: #fff8e7;
  --sun: #ffcf56;
  --pink: #ff7aa8;
  --mint: #6de3b3;
  --sky: #72c9ff;
  --line: rgba(39, 50, 72, 0.14);
  --shadow: 0 18px 40px rgba(39, 50, 72, 0.14);

  /* 教科アクセント */
  --subject-kokugo: #ff7aa8;
  --subject-kokugo-2: #ff9b63;
  --subject-sansu: #72c9ff;
  --subject-sansu-2: #7ea6ff;
  --subject-eigo: #6de3b3;
  --subject-eigo-2: #59cfe0;
  --subject-ongaku: #ffcf56;
  --subject-ongaku-2: #ff9b63;

  /* 既定アクセント(ホームなど教科未選択時) */
  --accent: var(--pink);
  --accent-2: #ff9b63;
}

/* body[data-subject] で全画面のアクセント色が教科色に切り替わる */
body[data-subject="kokugo"] {
  --accent: var(--subject-kokugo);
  --accent-2: var(--subject-kokugo-2);
}

body[data-subject="sansu"] {
  --accent: var(--subject-sansu);
  --accent-2: var(--subject-sansu-2);
}

body[data-subject="eigo"] {
  --accent: var(--subject-eigo);
  --accent-2: var(--subject-eigo-2);
}

body[data-subject="ongaku"] {
  --accent: var(--subject-ongaku);
  --accent-2: var(--subject-ongaku-2);
}