/**
 * Lokasi: public/assets/css/theme-accent.css
 *
 * BARU (permintaan user - "buat layoutnya... warnanya buat seperti ini
 * bro... gradient biru indigo - putih"): dulu warna aksen utama aplikasi
 * (tombol, tab yang aktif, badge) polos rata warna indigo (bg-indigo-600 /
 * bg-indigo-700). Sekarang dibuat BERGRADASI dari indigo tua ke indigo
 * lebih muda/terang - supaya kesannya lebih hidup/modern spt referensi yg
 * dikasih user, TANPA mengorbankan keterbacaan teks putih di atasnya
 * (gradasi ke PUTIH MURNI bikin teks putih hilang di ujung terang -
 * makanya berhenti di indigo terang, bukan #fff, utk elemen yg ada
 * teks/ikon putihnya). Untuk panel dekoratif besar yg TIDAK ada teks kecil
 * langsung di atas ujung gradasinya (mis. panel kiri halaman login), warna
 * digradasikan LANGSUNG ke putih di file view-nya masing2 (lihat
 * auth/login.php) - bukan lewat file ini.
 *
 * KENAPA satu file CSS terpusat (bukan sunting tiap file satu-satu):
 * warna aksen bg-indigo-600/700 dipakai di 170+ file view (tombol submit,
 * tab aktif, badge, dsb) - override terpusat ini membuat semua tempat
 * tersebut otomatis konsisten bergradasi, tanpa risiko ada yg
 * kelewatan/beda sendiri kalau disunting manual satu-satu. Dimuat sekali
 * di templates/header.php (utk semua halaman dashboard) + di tiap halaman
 * mandiri yg belum tentu pakai header.php (login, setup awal, lupa
 * password, buat password baru siswa).
 *
 * !important dipakai krn Tailwind (lewat public/assets/vendor/tailwind/
 * tailwind.js - versi lokal, baca catatan di templates/header.php) men-
 * generate ulang style-nya sendiri lewat MutationObserver saat DOM
 * berubah, jadi urutan <style>/<link> di <head> tidak bisa diandalkan utk
 * menang di cascade - !important memastikan aturan di sini SELALU menang
 * drpd utility class bawaan Tailwind, apapun urutan pemuatannya.
 */

/* Tombol/badge/tab aktif solid indigo -> gradasi indigo tua ke indigo
   terang (bukan putih murni - lihat catatan di atas soal kontras). */
.bg-indigo-500,
.bg-indigo-600,
.bg-indigo-700 {
    background-image: linear-gradient(135deg, #4338ca 0%, #6366f1 100%) !important;
    background-color: #4338ca !important;
}

/* State :hover-nya digelapkan sedikit drpd versi normal di atas - pola
   umum "tombol jadi lebih gelap saat hover" yg sudah dipakai aplikasi ini
   sejak awal (hover:bg-indigo-700 dari bg-indigo-600), supaya masih terasa
   ada "reaksi" saat kursor di atas tombol walau sekarang bergradasi. */
.hover\:bg-indigo-500:hover,
.hover\:bg-indigo-600:hover,
.hover\:bg-indigo-700:hover {
    background-image: linear-gradient(135deg, #3730a3 0%, #4f46e5 100%) !important;
    background-color: #3730a3 !important;
}