/* Adab dan Akhlak (KAFA) Darjah 2 — tema flora lembut: hijau daun + krim + emas 💐
   Gaya asas dari _core/css/style.css; hanya warna/aksen subjek diubah di sini. */
:root {
  --blue: #1f9d55;          /* hijau daun — warna utama subjek */
  --sky: #f6fbf2;           /* krim-hijau pucat — latar */
  --paper: #fffdf5;
}
body {
  background: var(--sky) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="22" cy="30" r="4" fill="%23d9f0d9"/><circle cx="88" cy="66" r="5" fill="%23ffeec2"/><circle cx="56" cy="100" r="3" fill="%23e7f7dd"/></svg>');
}
.homehead h1 { color: #157347; letter-spacing: .05em; }
.brandmini { color: #157347; }
.namecard h1, .celcard h2 { color: #157347; }
.btn.primary { background: #1f9d55; border-color: #157347; }
.gnum { background: #e6f7e9; }
.opt { border-color: #d9f0d9; }
/* jangan tutup status feedback teras (good/bad/picked/tested) semasa hover */
.opt:hover:not(.good):not(.bad):not(.picked):not(.tested) { background: #f0fbef; }
.stage { border-top: 6px solid #9adba6; }
.trophy { background: #ffd84d; }   /* emas */

/* tong sort besar (separuh bawah skrin) — mesra drag tangan kecil */
.bin { min-height: 210px; }
.bin .bslot { margin-top: auto; }

/* kotak "Sebab…" — warna berbeza supaya murid tahu itu sebab, bukan sekadar betul/salah */
.fb .fact {
  background: #fff6da; border-left: 6px solid #f0b429; border-radius: 12px; padding: 8px 12px;
}

/* ayat adab: teks opsyen jelas & besar */
.opt .ot { font-weight: 700; }