/*
 * Tema "Terang Biru" -- warna biru yang dulu dipakai buat banner dashboard
 * karyawan/teknisi (gradient #355CFF -> #4F46E5), sekarang dijadiin pilihan
 * tema tersendiri. SAMA PERSIS kayak Terang Hijau/Terang Oren (latar putih,
 * teks gelap, semua warna semantik lain TETAP) -- cuma warna brand (emerald)
 * diganti jadi biru.
 */

[data-theme="light-blue"] .bg-emerald-50 { background-color: #EFF6FF; }
[data-theme="light-blue"] .bg-emerald-100 { background-color: #DBEAFE; }
[data-theme="light-blue"] .bg-emerald-500 { background-color: #3B82F6; }
[data-theme="light-blue"] .bg-emerald-600 { background-color: #2563EB; }
[data-theme="light-blue"] .bg-emerald-700 { background-color: #2563EB; }
[data-theme="light-blue"] .bg-emerald-800 { background-color: #2563EB; }
[data-theme="light-blue"] .bg-emerald-900 { background-color: #1D4ED8; }
[data-theme="light-blue"] .hover\:bg-emerald-50:hover { background-color: #DBEAFE; }
[data-theme="light-blue"] .hover\:bg-emerald-100:hover { background-color: #BFDBFE; }
[data-theme="light-blue"] .hover\:bg-emerald-800:hover { background-color: #1D4ED8; }
[data-theme="light-blue"] .hover\:bg-emerald-900:hover { background-color: #1E40AF; }
[data-theme="light-blue"] .text-emerald-600 { color: #2563EB; }
[data-theme="light-blue"] .text-emerald-700 { color: #1D4ED8; }
[data-theme="light-blue"] .text-emerald-900 { color: #1E3A8A; }
[data-theme="light-blue"] .text-emerald-100 { color: #DBEAFE; }
[data-theme="light-blue"] .hover\:text-emerald-600:hover { color: #2563EB; }
/* Tombol semi-transparan di atas banner emerald (mis. "Tambah Karyawan"/"Lihat
   Absensi" di dashboard admin) -- kelewat kalau cuma .bg-emerald-700 yg di-override,
   soalnya "/60" itu literal nama class SENDIRI (beda dari .bg-emerald-700 polos),
   ketinggalan bikin tombolnya tetap ijo padahal banner-nya udah biru. */
[data-theme="light-blue"] .bg-emerald-700\/60 { background-color: rgba(37, 99, 235, 0.6); }

[data-theme="light-blue"] .border-emerald-100 { border-color: #DBEAFE; }
[data-theme="light-blue"] .border-emerald-200 { border-color: #BFDBFE; }
[data-theme="light-blue"] .border-emerald-600 { border-color: #2563EB; }
[data-theme="light-blue"] .border-emerald-700 { border-color: #2563EB; }
[data-theme="light-blue"] .border-emerald-800 { border-color: #1D4ED8; }
[data-theme="light-blue"] .focus\:ring-emerald-700\/30:focus { --tw-ring-color: rgba(37,99,235,0.3); }
[data-theme="light-blue"] .focus\:border-emerald-700:focus { border-color: #2563EB; }

/* Gradient banner dashboard admin + lingkaran item aktif bottom nav -- ikut biru.
   Banner karyawan/teknisi (from-[#355CFF] to-[#4F46E5]) SENGAJA gak disentuh --
   dari awal emang udah biru, pas banget sama tema ini. */
[data-theme="light-blue"] .bg-gradient-to-br.from-emerald-800.to-emerald-900 {
    --tw-gradient-from: #2563EB var(--tw-gradient-from-position);
    --tw-gradient-to: #1E40AF var(--tw-gradient-to-position);
}
[data-theme="light-blue"] .bg-gradient-to-br.from-emerald-500.to-emerald-700 {
    --tw-gradient-from: #3B82F6 var(--tw-gradient-from-position);
    --tw-gradient-to: #1D4ED8 var(--tw-gradient-to-position);
}