/* Sejarah Darjah 6 — tema subjek (kertas lama + coklat tanah untuk zaman lampau,
   aksen biru-merah-putih untuk Malaysia moden).
   Gaya asas dari _core/css/style.css; fail ini hanya menukar warna/aksen.
   Semantik warna dikekalkan: jawapan betul = hijau (oliva), aksen soalan = tan. */
:root {
  --ink: #38301f;        /* dakwat coklat gelap */
  --paper: #fffaf1;      /* kertas lama */
  --sky: #f6efe2;        /* latar tan muda */
  --green: #6a9c4a;      /* betul — oliva */
  --green-d: #558038;
  --blue: #2f6fa8;       /* aksen biru (Malaysia moden) */
  --red: #b8483c;        /* aksen merah */
  --shadow: 0 6px 18px rgba(56, 48, 31, .14);
}
body {
  color: var(--ink);
  background: #f6efe2 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140"><circle cx="24" cy="34" r="4" fill="%23eae0ca"/><circle cx="104" cy="78" r="5" fill="%23e4e6cf"/><circle cx="62" cy="112" r="3" fill="%23f0e2c9"/></svg>');
}
/* kad "dokumen/sumber lama" untuk medan passage */
.passage { background: #fdf6e3; border-color: #e3cf9e; font-style: normal; }
.passage::before {
  content: "📜 Sumber";
  display: block;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8a6a45;
  margin-bottom: 6px;
}
.qtext { color: var(--ink); }
/* widget label (sketsa/peta) — titik sasaran kekal besar untuk sentuhan */
.labelarea { background: linear-gradient(#fdf6e3, #f6efe2); border-color: #e3cf9e; }
.slot.lbl { border-color: #d8bd8a; background: rgba(255, 253, 245, .94); }
/* medan taip (tahun/nombor/istilah) */
.typeinput { border-color: #d8bd8a; background: #fffdf7; letter-spacing: .04em; }
.typeinput:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
/* garis masa (order) — kad peristiwa nampak seperti kepingan arkib */
.answerrow .chip { border-color: #d8bd8a; background: #fffdf7; }
.chip { border-color: #e0d3b8; }
@media (prefers-reduced-motion: reduce) {
  .opt, .chip, a.card { transition: none !important; }
}