/* Ibadah (KAFA Darjah 5) — tema subjek: hijau zamrud + keemasan + krim.
   Gaya asas dari _core/css/style.css; di sini hanya warna/aksen.
   Kafa §4: TIADA audio bacaan/doa/azan/tarannum (visual + teks sahaja);
   tiada ilustrasi figuratif makhluk bernyawa — emoji objek/abstrak sahaja. */

:root {
  --blue: #1f6f52;          /* hijau zamrud — tajuk & aksen */
  --sky: #fdf8ec;           /* krim lembut */
  --green: #16a34a;
  --green-d: #1f6f52;
  --emas: #d9a441;
}

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="%23d9f0e2"/><circle cx="90" cy="70" r="5" fill="%23f7e6b8"/><circle cx="55" cy="100" r="3" fill="%23e7f5ec"/></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; }

.opt { border-color: #cfe9d9; }
.opt:hover { background: #edf8f1; }

/* kelas warna pilihan (mcq/multi): teks ialah sumber maklumat utama (bukan gambar) */
.opt.emas:not(.good):not(.bad):not(.picked)   { background: #fff6cf; border-color: var(--emas); }
.opt.lembut:not(.good):not(.bad):not(.picked) { background: #e8f6ee; border-color: #2fb457; }

/* istilah: teks besar mudah dibaca — murid membaca, bukan meneka gambar */
.opt .ot, .mitem .ot, .chip .ct { line-height: 1.25; }

/* panel passage hikmah (W8) — kad krim bertepi emas */
.passage { background: #fffbe9; border-color: var(--emas); }