/* Akidah (KAFA Darjah 4) — tema subjek: hijau zamrud + keemasan + biru muda.
   Gaya asas dari _core/css/style.css; di sini hanya warna/aksen.
   KAFA §4: TIADA audio bacaan (visual + teks sahaja); tiada ilustrasi figuratif. */

:root {
  --blue: #0e6b58;          /* hijau zamrud tua — tajuk & aksen utama */
  --sky: #f1faf6;           /* latar hijau-biru muda */
  --green: #12946a;
  --green-d: #0b7050;
  --gold: #d9a300;
}

body {
  background: var(--sky) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="20" cy="30" r="4" fill="%23d9f2e6"/><circle cx="90" cy="70" r="5" fill="%23f7edc9"/><circle cx="55" cy="100" r="3" fill="%23dcecfb"/></svg>');
}

.homehead h1 { color: var(--blue); letter-spacing: .05em; }
.namecard h1, .celcard h2 { color: var(--blue); }
.btn.primary { background: var(--green); border-color: var(--green-d); }
.trophy { background: #ffd84d; color: #6b4b00; }
.badgechip, .wbadge { background: #fff3cd; color: #6b4b00; }

.opt { border-color: #cfeade; }
.opt:hover { background: #e9f8f1; }

/* kad teks besar (istilah akidah dibaca, bukan diteka gambar) */
.opt .ot, .mitem .ot, .chip .ct, .slot .bt { line-height: 1.25; }

/* kelas warna makna tetap (plan §5 UI): 🟢 amal baik · 🔴 amal buruk · 🔵 rukun · 🟡 pengukuhan */
.opt.baik:not(.good):not(.bad):not(.picked)   { background: #e6f9ec; border-color: #16a34a; }
.opt.buruk:not(.good):not(.bad):not(.picked)  { background: #ffe9e6; border-color: #d9534f; }
.opt.rukun:not(.good):not(.bad):not(.picked)  { background: #e8f2ff; border-color: #2f7fe8; }
.opt.kukuh:not(.good):not(.bad):not(.picked)  { background: #fff6cf; border-color: var(--gold); }

/* panel petikan (cloze) — keterangan ringkas tentang akhirat */
.passage { background: #f4fbf7; border-color: #cfeade; }