/* Matematik Darjah 5 — tema subjek.
   Gaya asas dari _core/css/style.css; hanya warna/aksen subjek diubah di sini.
   Palet: biru–ungu muda (nombor & rajah jadi tumpuan, emoji sederhana). */
:root {
  --ink: #23324a;
  --paper: #fffdfb;
  --sky: #eef1ff;
  --green: #2fb457;
  --green-d: #249a4a;
  --blue: #5a5fd8;
  --red: #e4574c;
  --shadow: 0 6px 18px rgba(35, 50, 74, .12);
}
body { background: #eceffb; }

/* kad dunia mengikut warna dunia (--wc diset dari app.js) */
.worldcard { border-color: rgba(90, 95, 216, .18); }
.bar .fill { background: linear-gradient(90deg, #5a5fd8, #8a7fe8); }

/* nombor & ungkapan matematik: besar dan jelas */
.opt .oe, .chip .oe, .qsub { font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.qsub { color: #3a3f7a; }

/* petikan masalah harian */
.passage { border-left: 6px solid #8a7fe8; }

/* papan kekunci tidak menutup soalan; skrin boleh skrol */
@media (max-height: 560px) { .stage { padding-bottom: 28px; } }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}