/* Ibadah (KAFA Darjah 2) — tema subjek. Gaya asas dari _core/css/style.css; ubah suai warna/aksen di sini.
   Palet aras 2 mengikut plan §5: biru air + putih + emas. */
:root {
  --sky: #e8f4ff;
  --blue: #1f7bb5;
  --gold: #ffd84d;
}
.homehead h1 { color: #1f7bb5; }
.brandmini { color: #1a6a9c; }
.namecard h1, .celcard h2 { color: #1f7bb5; }
.worldcard, .btn:hover { transition: transform .15s; }
.gamecard:hover, .opt:hover, .chip:hover, .btn:hover { transform: translateY(-2px); }
/* kad langkah (wuduk/rukun) — teks tebal mudah dibaca murid 8 tahun */
.opt .ot { font-size: 1.08rem; line-height: 1.35; }
.slot .bt, .bin .bt { font-size: 1rem; font-weight: 900; }
.chip .ct { font-size: .95rem; font-weight: 800; color: var(--ink); }
/* kad berangka untuk susunan rukun — bingkai tegas, tiada imej figuratif */
.chip .oe, .opt .oe { line-height: 1; }
/* diff: sel lebih lebar supaya kad bertulis tidak terpotong */
.diffrow .dcell { width: auto; min-width: 88px; height: auto; min-height: 64px; padding: 8px 10px; }
.diffrow .dcell .oe { font-size: clamp(1rem, 2.8vw, 1.35rem); font-weight: 800; }
/* jalur waktu solat (visual sahaja) */
.bins .bin .oe, .tray .chip .oe { font-size: 2rem; }
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}