/*
 * Tema "Terang Oren" -- SAMA PERSIS kayak tema Terang Hijau (latar putih, teks
 * gelap, semua warna semantik biru/merah/amber/dll TETAP), CUMA warna brand
 * (emerald/hijau) diganti jadi oranye. Beda sama Dark Oranye yang juga ngubah
 * latar jadi gelap -- di sini latar TETAP terang, gak disentuh sama sekali.
 *
 * Sengaja pakai warna oranye PADAT (bukan rgba tembus pandang kayak di
 * theme-dark-orange.css) -- rgba transparan itu didesain buat nimpa di atas
 * latar GELAP, kalau dipake di atas putih hasilnya pudar/gak jelas.
 */

[data-theme="light-orange"] .bg-emerald-50 { background-color: #FFF7ED; }
[data-theme="light-orange"] .bg-emerald-100 { background-color: #FFEDD5; }
[data-theme="light-orange"] .bg-emerald-500 { background-color: #F97316; }
[data-theme="light-orange"] .bg-emerald-600 { background-color: #EA580C; }
[data-theme="light-orange"] .bg-emerald-700 { background-color: #EA580C; }
[data-theme="light-orange"] .bg-emerald-800 { background-color: #EA580C; }
[data-theme="light-orange"] .bg-emerald-900 { background-color: #C2410C; }
[data-theme="light-orange"] .hover\:bg-emerald-50:hover { background-color: #FFEDD5; }
[data-theme="light-orange"] .hover\:bg-emerald-100:hover { background-color: #FED7AA; }
[data-theme="light-orange"] .hover\:bg-emerald-800:hover { background-color: #C2410C; }
[data-theme="light-orange"] .hover\:bg-emerald-900:hover { background-color: #9A3412; }
[data-theme="light-orange"] .text-emerald-600 { color: #EA580C; }
[data-theme="light-orange"] .text-emerald-700 { color: #C2410C; }
[data-theme="light-orange"] .text-emerald-900 { color: #9A3412; }
[data-theme="light-orange"] .text-emerald-100 { color: #FFEDD5; }
[data-theme="light-orange"] .hover\:text-emerald-600:hover { color: #EA580C; }
/* 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). */
[data-theme="light-orange"] .bg-emerald-700\/60 { background-color: rgba(234, 88, 12, 0.6); }

[data-theme="light-orange"] .border-emerald-100 { border-color: #FFEDD5; }
[data-theme="light-orange"] .border-emerald-200 { border-color: #FED7AA; }
[data-theme="light-orange"] .border-emerald-600 { border-color: #EA580C; }
[data-theme="light-orange"] .border-emerald-700 { border-color: #EA580C; }
[data-theme="light-orange"] .border-emerald-800 { border-color: #C2410C; }
[data-theme="light-orange"] .focus\:ring-emerald-700\/30:focus { --tw-ring-color: rgba(234,88,12,0.3); }
[data-theme="light-orange"] .focus\:border-emerald-700:focus { border-color: #EA580C; }

/* Gradient banner dashboard (admin & karyawan) + lingkaran item aktif bottom nav. */
[data-theme="light-orange"] .bg-gradient-to-br.from-emerald-800.to-emerald-900 {
    --tw-gradient-from: #EA580C var(--tw-gradient-from-position);
    --tw-gradient-to: #9A3412 var(--tw-gradient-to-position);
}
[data-theme="light-orange"] .bg-gradient-to-br.from-\[\#355CFF\].to-\[\#4F46E5\] {
    --tw-gradient-from: #F97316 var(--tw-gradient-from-position);
    --tw-gradient-to: #C2410C var(--tw-gradient-to-position);
}
[data-theme="light-orange"] .bg-gradient-to-br.from-emerald-500.to-emerald-700 {
    --tw-gradient-from: #FB923C var(--tw-gradient-from-position);
    --tw-gradient-to: #EA580C var(--tw-gradient-to-position);
}