/* Tema gelap EduTadib — hanya berlaku pada halaman yang MENYATAKAN dukungan
   (`{% block tema_didukung %}1{% endblock %}`) dan saat `html[data-tema="gelap"]`.

   Dua keputusan yang membentuk berkas ini:
   1. Selektornya SELALU berawalan `html[data-tema="gelap"]`. Tanpa atribut itu
      berkas ini tak mengubah satu piksel pun, jadi memuatnya di halaman yang
      belum didukung tak berbahaya.
   2. Warna Tailwind (`bg-white`, `text-gray-600`, …) DIPETAKAN ULANG di sini,
      bukan ditambah varian `dark:` di tiap templat — chat.html saja 4.000 baris,
      dan tiap `dark:` baru menuntut `npm run build` ulang. Harganya: peta ini
      harus ikut bila kelas warna BARU dipakai; kelas yang tak terpetakan tetap
      tampil terang (terlihat, bukan hilang).

   Teks Arab & rumus KaTeX mewarisi `color` induknya, jadi ikut terbaca. Gambar,
   plot matplotlib/plotly, dan kanvas papan tulis SENGAJA tak dibalik: latarnya
   putih dan dibingkai kartu (lihat bagian "Konten berlatar putih"). */

@media screen {
html[data-tema="gelap"] {
  color-scheme: dark;
  --g-bg: #0b1220;
  --g-surface: #131c2e;
  --g-surface-2: #1a2540;
  --g-border: #2a3650;
  --g-border-kuat: #3a4963;
  --g-teks: #e5e9f0;
  --g-teks-2: #c3ccda;
  --g-teks-3: #9aa7bb;
}

/* MATRIKS-AWAL — dibangkitkan scripts/bangun_peta_tema_gelap.py; JANGAN disunting tangan.
   Diletakkan SEBELUM peta tulisan-tangan: spesifisitasnya sama, jadi yang belakangan
   (peta tulisan-tangan) menang bila keduanya menyebut kelas yang sama. */
html[data-tema="gelap"] .bg-red-50,
html[data-tema="gelap"] [class*="bg-red-50/"] { background-color: rgba(239, 68, 68, 0.1); }
html[data-tema="gelap"] .bg-red-100,
html[data-tema="gelap"] [class*="bg-red-100/"] { background-color: rgba(239, 68, 68, 0.18); }
html[data-tema="gelap"] .bg-red-200,
html[data-tema="gelap"] [class*="bg-red-200/"] { background-color: rgba(239, 68, 68, 0.28); }
html[data-tema="gelap"] .border-red-50,
html[data-tema="gelap"] [class*="border-red-50/"] { border-color: rgba(239, 68, 68, 0.16); }
html[data-tema="gelap"] .border-red-100,
html[data-tema="gelap"] [class*="border-red-100/"] { border-color: rgba(239, 68, 68, 0.24); }
html[data-tema="gelap"] .border-red-200,
html[data-tema="gelap"] [class*="border-red-200/"] { border-color: rgba(239, 68, 68, 0.38); }
html[data-tema="gelap"] .border-red-300,
html[data-tema="gelap"] [class*="border-red-300/"] { border-color: rgba(239, 68, 68, 0.5); }
html[data-tema="gelap"] .text-red-500,
html[data-tema="gelap"] [class*="text-red-500/"] { color: #f87171; }
html[data-tema="gelap"] .text-red-600,
html[data-tema="gelap"] [class*="text-red-600/"] { color: #fca5a5; }
html[data-tema="gelap"] .text-red-700,
html[data-tema="gelap"] [class*="text-red-700/"] { color: #fca5a5; }
html[data-tema="gelap"] .text-red-800,
html[data-tema="gelap"] [class*="text-red-800/"] { color: #fca5a5; }
html[data-tema="gelap"] .text-red-900,
html[data-tema="gelap"] [class*="text-red-900/"] { color: #fca5a5; }
html[data-tema="gelap"] .hover\:bg-red-50:hover { background-color: rgba(239, 68, 68, 0.1); }
html[data-tema="gelap"] .hover\:bg-red-100:hover { background-color: rgba(239, 68, 68, 0.18); }
html[data-tema="gelap"] .hover\:bg-red-200:hover { background-color: rgba(239, 68, 68, 0.28); }
html[data-tema="gelap"] .hover\:border-red-50:hover { border-color: rgba(239, 68, 68, 0.16); }
html[data-tema="gelap"] .hover\:border-red-100:hover { border-color: rgba(239, 68, 68, 0.24); }
html[data-tema="gelap"] .hover\:border-red-200:hover { border-color: rgba(239, 68, 68, 0.38); }
html[data-tema="gelap"] .hover\:border-red-300:hover { border-color: rgba(239, 68, 68, 0.5); }
html[data-tema="gelap"] .hover\:text-red-500:hover { color: #f87171; }
html[data-tema="gelap"] .hover\:text-red-600:hover { color: #fca5a5; }
html[data-tema="gelap"] .hover\:text-red-700:hover { color: #fca5a5; }
html[data-tema="gelap"] .hover\:text-red-800:hover { color: #fca5a5; }
html[data-tema="gelap"] .hover\:text-red-900:hover { color: #fca5a5; }
html[data-tema="gelap"] .focus\:bg-red-50:focus { background-color: rgba(239, 68, 68, 0.1); }
html[data-tema="gelap"] .focus\:bg-red-100:focus { background-color: rgba(239, 68, 68, 0.18); }
html[data-tema="gelap"] .focus\:bg-red-200:focus { background-color: rgba(239, 68, 68, 0.28); }
html[data-tema="gelap"] .focus\:border-red-50:focus { border-color: rgba(239, 68, 68, 0.16); }
html[data-tema="gelap"] .focus\:border-red-100:focus { border-color: rgba(239, 68, 68, 0.24); }
html[data-tema="gelap"] .focus\:border-red-200:focus { border-color: rgba(239, 68, 68, 0.38); }
html[data-tema="gelap"] .focus\:border-red-300:focus { border-color: rgba(239, 68, 68, 0.5); }
html[data-tema="gelap"] .focus\:text-red-500:focus { color: #f87171; }
html[data-tema="gelap"] .focus\:text-red-600:focus { color: #fca5a5; }
html[data-tema="gelap"] .focus\:text-red-700:focus { color: #fca5a5; }
html[data-tema="gelap"] .focus\:text-red-800:focus { color: #fca5a5; }
html[data-tema="gelap"] .focus\:text-red-900:focus { color: #fca5a5; }
html[data-tema="gelap"] .group:hover .group-hover\:text-red-500 { color: #f87171; }
html[data-tema="gelap"] .group:hover .group-hover\:text-red-600 { color: #fca5a5; }
html[data-tema="gelap"] .group:hover .group-hover\:text-red-700 { color: #fca5a5; }
html[data-tema="gelap"] .group:hover .group-hover\:text-red-800 { color: #fca5a5; }
html[data-tema="gelap"] .group:hover .group-hover\:text-red-900 { color: #fca5a5; }
html[data-tema="gelap"] .group[open] .group-open\:text-red-500 { color: #f87171; }
html[data-tema="gelap"] .group[open] .group-open\:text-red-600 { color: #fca5a5; }
html[data-tema="gelap"] .group[open] .group-open\:text-red-700 { color: #fca5a5; }
html[data-tema="gelap"] .group[open] .group-open\:text-red-800 { color: #fca5a5; }
html[data-tema="gelap"] .group[open] .group-open\:text-red-900 { color: #fca5a5; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-red-50 { background-color: rgba(239, 68, 68, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-red-100 { background-color: rgba(239, 68, 68, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-red-200 { background-color: rgba(239, 68, 68, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-red-50 { border-color: rgba(239, 68, 68, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-red-100 { border-color: rgba(239, 68, 68, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-red-200 { border-color: rgba(239, 68, 68, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-red-300 { border-color: rgba(239, 68, 68, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-red-500 { color: #f87171; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-red-600 { color: #fca5a5; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-red-700 { color: #fca5a5; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-red-800 { color: #fca5a5; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-red-900 { color: #fca5a5; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-red-50:has(:checked) { background-color: rgba(239, 68, 68, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-red-100:has(:checked) { background-color: rgba(239, 68, 68, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-red-200:has(:checked) { background-color: rgba(239, 68, 68, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-red-50:has(:checked) { border-color: rgba(239, 68, 68, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-red-100:has(:checked) { border-color: rgba(239, 68, 68, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-red-200:has(:checked) { border-color: rgba(239, 68, 68, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-red-300:has(:checked) { border-color: rgba(239, 68, 68, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-red-500:has(:checked) { color: #f87171; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-red-600:has(:checked) { color: #fca5a5; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-red-700:has(:checked) { color: #fca5a5; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-red-800:has(:checked) { color: #fca5a5; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-red-900:has(:checked) { color: #fca5a5; }
html[data-tema="gelap"] .from-red-50 { --tw-gradient-from: rgba(239, 68, 68, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-red-50 { --tw-gradient-to: rgba(239, 68, 68, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-red-100 { --tw-gradient-from: rgba(239, 68, 68, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-red-100 { --tw-gradient-to: rgba(239, 68, 68, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-red-200 { --tw-gradient-from: rgba(239, 68, 68, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-red-200 { --tw-gradient-to: rgba(239, 68, 68, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-orange-50,
html[data-tema="gelap"] [class*="bg-orange-50/"] { background-color: rgba(249, 115, 22, 0.1); }
html[data-tema="gelap"] .bg-orange-100,
html[data-tema="gelap"] [class*="bg-orange-100/"] { background-color: rgba(249, 115, 22, 0.18); }
html[data-tema="gelap"] .bg-orange-200,
html[data-tema="gelap"] [class*="bg-orange-200/"] { background-color: rgba(249, 115, 22, 0.28); }
html[data-tema="gelap"] .border-orange-50,
html[data-tema="gelap"] [class*="border-orange-50/"] { border-color: rgba(249, 115, 22, 0.16); }
html[data-tema="gelap"] .border-orange-100,
html[data-tema="gelap"] [class*="border-orange-100/"] { border-color: rgba(249, 115, 22, 0.24); }
html[data-tema="gelap"] .border-orange-200,
html[data-tema="gelap"] [class*="border-orange-200/"] { border-color: rgba(249, 115, 22, 0.38); }
html[data-tema="gelap"] .border-orange-300,
html[data-tema="gelap"] [class*="border-orange-300/"] { border-color: rgba(249, 115, 22, 0.5); }
html[data-tema="gelap"] .text-orange-500,
html[data-tema="gelap"] [class*="text-orange-500/"] { color: #fb923c; }
html[data-tema="gelap"] .text-orange-600,
html[data-tema="gelap"] [class*="text-orange-600/"] { color: #fdba74; }
html[data-tema="gelap"] .text-orange-700,
html[data-tema="gelap"] [class*="text-orange-700/"] { color: #fdba74; }
html[data-tema="gelap"] .text-orange-800,
html[data-tema="gelap"] [class*="text-orange-800/"] { color: #fdba74; }
html[data-tema="gelap"] .text-orange-900,
html[data-tema="gelap"] [class*="text-orange-900/"] { color: #fdba74; }
html[data-tema="gelap"] .hover\:bg-orange-50:hover { background-color: rgba(249, 115, 22, 0.1); }
html[data-tema="gelap"] .hover\:bg-orange-100:hover { background-color: rgba(249, 115, 22, 0.18); }
html[data-tema="gelap"] .hover\:bg-orange-200:hover { background-color: rgba(249, 115, 22, 0.28); }
html[data-tema="gelap"] .hover\:border-orange-50:hover { border-color: rgba(249, 115, 22, 0.16); }
html[data-tema="gelap"] .hover\:border-orange-100:hover { border-color: rgba(249, 115, 22, 0.24); }
html[data-tema="gelap"] .hover\:border-orange-200:hover { border-color: rgba(249, 115, 22, 0.38); }
html[data-tema="gelap"] .hover\:border-orange-300:hover { border-color: rgba(249, 115, 22, 0.5); }
html[data-tema="gelap"] .hover\:text-orange-500:hover { color: #fb923c; }
html[data-tema="gelap"] .hover\:text-orange-600:hover { color: #fdba74; }
html[data-tema="gelap"] .hover\:text-orange-700:hover { color: #fdba74; }
html[data-tema="gelap"] .hover\:text-orange-800:hover { color: #fdba74; }
html[data-tema="gelap"] .hover\:text-orange-900:hover { color: #fdba74; }
html[data-tema="gelap"] .focus\:bg-orange-50:focus { background-color: rgba(249, 115, 22, 0.1); }
html[data-tema="gelap"] .focus\:bg-orange-100:focus { background-color: rgba(249, 115, 22, 0.18); }
html[data-tema="gelap"] .focus\:bg-orange-200:focus { background-color: rgba(249, 115, 22, 0.28); }
html[data-tema="gelap"] .focus\:border-orange-50:focus { border-color: rgba(249, 115, 22, 0.16); }
html[data-tema="gelap"] .focus\:border-orange-100:focus { border-color: rgba(249, 115, 22, 0.24); }
html[data-tema="gelap"] .focus\:border-orange-200:focus { border-color: rgba(249, 115, 22, 0.38); }
html[data-tema="gelap"] .focus\:border-orange-300:focus { border-color: rgba(249, 115, 22, 0.5); }
html[data-tema="gelap"] .focus\:text-orange-500:focus { color: #fb923c; }
html[data-tema="gelap"] .focus\:text-orange-600:focus { color: #fdba74; }
html[data-tema="gelap"] .focus\:text-orange-700:focus { color: #fdba74; }
html[data-tema="gelap"] .focus\:text-orange-800:focus { color: #fdba74; }
html[data-tema="gelap"] .focus\:text-orange-900:focus { color: #fdba74; }
html[data-tema="gelap"] .group:hover .group-hover\:text-orange-500 { color: #fb923c; }
html[data-tema="gelap"] .group:hover .group-hover\:text-orange-600 { color: #fdba74; }
html[data-tema="gelap"] .group:hover .group-hover\:text-orange-700 { color: #fdba74; }
html[data-tema="gelap"] .group:hover .group-hover\:text-orange-800 { color: #fdba74; }
html[data-tema="gelap"] .group:hover .group-hover\:text-orange-900 { color: #fdba74; }
html[data-tema="gelap"] .group[open] .group-open\:text-orange-500 { color: #fb923c; }
html[data-tema="gelap"] .group[open] .group-open\:text-orange-600 { color: #fdba74; }
html[data-tema="gelap"] .group[open] .group-open\:text-orange-700 { color: #fdba74; }
html[data-tema="gelap"] .group[open] .group-open\:text-orange-800 { color: #fdba74; }
html[data-tema="gelap"] .group[open] .group-open\:text-orange-900 { color: #fdba74; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-orange-50 { background-color: rgba(249, 115, 22, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-orange-100 { background-color: rgba(249, 115, 22, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-orange-200 { background-color: rgba(249, 115, 22, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-orange-50 { border-color: rgba(249, 115, 22, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-orange-100 { border-color: rgba(249, 115, 22, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-orange-200 { border-color: rgba(249, 115, 22, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-orange-300 { border-color: rgba(249, 115, 22, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-orange-500 { color: #fb923c; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-orange-600 { color: #fdba74; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-orange-700 { color: #fdba74; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-orange-800 { color: #fdba74; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-orange-900 { color: #fdba74; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-orange-50:has(:checked) { background-color: rgba(249, 115, 22, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-orange-100:has(:checked) { background-color: rgba(249, 115, 22, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-orange-200:has(:checked) { background-color: rgba(249, 115, 22, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-orange-50:has(:checked) { border-color: rgba(249, 115, 22, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-orange-100:has(:checked) { border-color: rgba(249, 115, 22, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-orange-200:has(:checked) { border-color: rgba(249, 115, 22, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-orange-300:has(:checked) { border-color: rgba(249, 115, 22, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-orange-500:has(:checked) { color: #fb923c; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-orange-600:has(:checked) { color: #fdba74; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-orange-700:has(:checked) { color: #fdba74; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-orange-800:has(:checked) { color: #fdba74; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-orange-900:has(:checked) { color: #fdba74; }
html[data-tema="gelap"] .from-orange-50 { --tw-gradient-from: rgba(249, 115, 22, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(249, 115, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-orange-50 { --tw-gradient-to: rgba(249, 115, 22, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-orange-100 { --tw-gradient-from: rgba(249, 115, 22, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(249, 115, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-orange-100 { --tw-gradient-to: rgba(249, 115, 22, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-orange-200 { --tw-gradient-from: rgba(249, 115, 22, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(249, 115, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-orange-200 { --tw-gradient-to: rgba(249, 115, 22, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-amber-50,
html[data-tema="gelap"] [class*="bg-amber-50/"] { background-color: rgba(245, 158, 11, 0.1); }
html[data-tema="gelap"] .bg-amber-100,
html[data-tema="gelap"] [class*="bg-amber-100/"] { background-color: rgba(245, 158, 11, 0.18); }
html[data-tema="gelap"] .bg-amber-200,
html[data-tema="gelap"] [class*="bg-amber-200/"] { background-color: rgba(245, 158, 11, 0.28); }
html[data-tema="gelap"] .border-amber-50,
html[data-tema="gelap"] [class*="border-amber-50/"] { border-color: rgba(245, 158, 11, 0.16); }
html[data-tema="gelap"] .border-amber-100,
html[data-tema="gelap"] [class*="border-amber-100/"] { border-color: rgba(245, 158, 11, 0.24); }
html[data-tema="gelap"] .border-amber-200,
html[data-tema="gelap"] [class*="border-amber-200/"] { border-color: rgba(245, 158, 11, 0.38); }
html[data-tema="gelap"] .border-amber-300,
html[data-tema="gelap"] [class*="border-amber-300/"] { border-color: rgba(245, 158, 11, 0.5); }
html[data-tema="gelap"] .text-amber-500,
html[data-tema="gelap"] [class*="text-amber-500/"] { color: #fbbf24; }
html[data-tema="gelap"] .text-amber-600,
html[data-tema="gelap"] [class*="text-amber-600/"] { color: #fcd34d; }
html[data-tema="gelap"] .text-amber-700,
html[data-tema="gelap"] [class*="text-amber-700/"] { color: #fcd34d; }
html[data-tema="gelap"] .text-amber-800,
html[data-tema="gelap"] [class*="text-amber-800/"] { color: #fcd34d; }
html[data-tema="gelap"] .text-amber-900,
html[data-tema="gelap"] [class*="text-amber-900/"] { color: #fcd34d; }
html[data-tema="gelap"] .hover\:bg-amber-50:hover { background-color: rgba(245, 158, 11, 0.1); }
html[data-tema="gelap"] .hover\:bg-amber-100:hover { background-color: rgba(245, 158, 11, 0.18); }
html[data-tema="gelap"] .hover\:bg-amber-200:hover { background-color: rgba(245, 158, 11, 0.28); }
html[data-tema="gelap"] .hover\:border-amber-50:hover { border-color: rgba(245, 158, 11, 0.16); }
html[data-tema="gelap"] .hover\:border-amber-100:hover { border-color: rgba(245, 158, 11, 0.24); }
html[data-tema="gelap"] .hover\:border-amber-200:hover { border-color: rgba(245, 158, 11, 0.38); }
html[data-tema="gelap"] .hover\:border-amber-300:hover { border-color: rgba(245, 158, 11, 0.5); }
html[data-tema="gelap"] .hover\:text-amber-500:hover { color: #fbbf24; }
html[data-tema="gelap"] .hover\:text-amber-600:hover { color: #fcd34d; }
html[data-tema="gelap"] .hover\:text-amber-700:hover { color: #fcd34d; }
html[data-tema="gelap"] .hover\:text-amber-800:hover { color: #fcd34d; }
html[data-tema="gelap"] .hover\:text-amber-900:hover { color: #fcd34d; }
html[data-tema="gelap"] .focus\:bg-amber-50:focus { background-color: rgba(245, 158, 11, 0.1); }
html[data-tema="gelap"] .focus\:bg-amber-100:focus { background-color: rgba(245, 158, 11, 0.18); }
html[data-tema="gelap"] .focus\:bg-amber-200:focus { background-color: rgba(245, 158, 11, 0.28); }
html[data-tema="gelap"] .focus\:border-amber-50:focus { border-color: rgba(245, 158, 11, 0.16); }
html[data-tema="gelap"] .focus\:border-amber-100:focus { border-color: rgba(245, 158, 11, 0.24); }
html[data-tema="gelap"] .focus\:border-amber-200:focus { border-color: rgba(245, 158, 11, 0.38); }
html[data-tema="gelap"] .focus\:border-amber-300:focus { border-color: rgba(245, 158, 11, 0.5); }
html[data-tema="gelap"] .focus\:text-amber-500:focus { color: #fbbf24; }
html[data-tema="gelap"] .focus\:text-amber-600:focus { color: #fcd34d; }
html[data-tema="gelap"] .focus\:text-amber-700:focus { color: #fcd34d; }
html[data-tema="gelap"] .focus\:text-amber-800:focus { color: #fcd34d; }
html[data-tema="gelap"] .focus\:text-amber-900:focus { color: #fcd34d; }
html[data-tema="gelap"] .group:hover .group-hover\:text-amber-500 { color: #fbbf24; }
html[data-tema="gelap"] .group:hover .group-hover\:text-amber-600 { color: #fcd34d; }
html[data-tema="gelap"] .group:hover .group-hover\:text-amber-700 { color: #fcd34d; }
html[data-tema="gelap"] .group:hover .group-hover\:text-amber-800 { color: #fcd34d; }
html[data-tema="gelap"] .group:hover .group-hover\:text-amber-900 { color: #fcd34d; }
html[data-tema="gelap"] .group[open] .group-open\:text-amber-500 { color: #fbbf24; }
html[data-tema="gelap"] .group[open] .group-open\:text-amber-600 { color: #fcd34d; }
html[data-tema="gelap"] .group[open] .group-open\:text-amber-700 { color: #fcd34d; }
html[data-tema="gelap"] .group[open] .group-open\:text-amber-800 { color: #fcd34d; }
html[data-tema="gelap"] .group[open] .group-open\:text-amber-900 { color: #fcd34d; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-amber-50 { background-color: rgba(245, 158, 11, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-amber-100 { background-color: rgba(245, 158, 11, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-amber-200 { background-color: rgba(245, 158, 11, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-amber-50 { border-color: rgba(245, 158, 11, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-amber-100 { border-color: rgba(245, 158, 11, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-amber-200 { border-color: rgba(245, 158, 11, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-amber-300 { border-color: rgba(245, 158, 11, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-amber-500 { color: #fbbf24; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-amber-600 { color: #fcd34d; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-amber-700 { color: #fcd34d; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-amber-800 { color: #fcd34d; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-amber-900 { color: #fcd34d; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-amber-50:has(:checked) { background-color: rgba(245, 158, 11, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-amber-100:has(:checked) { background-color: rgba(245, 158, 11, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-amber-200:has(:checked) { background-color: rgba(245, 158, 11, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-amber-50:has(:checked) { border-color: rgba(245, 158, 11, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-amber-100:has(:checked) { border-color: rgba(245, 158, 11, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-amber-200:has(:checked) { border-color: rgba(245, 158, 11, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-amber-300:has(:checked) { border-color: rgba(245, 158, 11, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-amber-500:has(:checked) { color: #fbbf24; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-amber-600:has(:checked) { color: #fcd34d; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-amber-700:has(:checked) { color: #fcd34d; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-amber-800:has(:checked) { color: #fcd34d; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-amber-900:has(:checked) { color: #fcd34d; }
html[data-tema="gelap"] .from-amber-50 { --tw-gradient-from: rgba(245, 158, 11, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(245, 158, 11, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-amber-50 { --tw-gradient-to: rgba(245, 158, 11, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-amber-100 { --tw-gradient-from: rgba(245, 158, 11, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(245, 158, 11, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-amber-100 { --tw-gradient-to: rgba(245, 158, 11, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-amber-200 { --tw-gradient-from: rgba(245, 158, 11, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(245, 158, 11, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-amber-200 { --tw-gradient-to: rgba(245, 158, 11, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-yellow-50,
html[data-tema="gelap"] [class*="bg-yellow-50/"] { background-color: rgba(234, 179, 8, 0.1); }
html[data-tema="gelap"] .bg-yellow-100,
html[data-tema="gelap"] [class*="bg-yellow-100/"] { background-color: rgba(234, 179, 8, 0.18); }
html[data-tema="gelap"] .bg-yellow-200,
html[data-tema="gelap"] [class*="bg-yellow-200/"] { background-color: rgba(234, 179, 8, 0.28); }
html[data-tema="gelap"] .border-yellow-50,
html[data-tema="gelap"] [class*="border-yellow-50/"] { border-color: rgba(234, 179, 8, 0.16); }
html[data-tema="gelap"] .border-yellow-100,
html[data-tema="gelap"] [class*="border-yellow-100/"] { border-color: rgba(234, 179, 8, 0.24); }
html[data-tema="gelap"] .border-yellow-200,
html[data-tema="gelap"] [class*="border-yellow-200/"] { border-color: rgba(234, 179, 8, 0.38); }
html[data-tema="gelap"] .border-yellow-300,
html[data-tema="gelap"] [class*="border-yellow-300/"] { border-color: rgba(234, 179, 8, 0.5); }
html[data-tema="gelap"] .text-yellow-500,
html[data-tema="gelap"] [class*="text-yellow-500/"] { color: #facc15; }
html[data-tema="gelap"] .text-yellow-600,
html[data-tema="gelap"] [class*="text-yellow-600/"] { color: #fde047; }
html[data-tema="gelap"] .text-yellow-700,
html[data-tema="gelap"] [class*="text-yellow-700/"] { color: #fde047; }
html[data-tema="gelap"] .text-yellow-800,
html[data-tema="gelap"] [class*="text-yellow-800/"] { color: #fde047; }
html[data-tema="gelap"] .text-yellow-900,
html[data-tema="gelap"] [class*="text-yellow-900/"] { color: #fde047; }
html[data-tema="gelap"] .hover\:bg-yellow-50:hover { background-color: rgba(234, 179, 8, 0.1); }
html[data-tema="gelap"] .hover\:bg-yellow-100:hover { background-color: rgba(234, 179, 8, 0.18); }
html[data-tema="gelap"] .hover\:bg-yellow-200:hover { background-color: rgba(234, 179, 8, 0.28); }
html[data-tema="gelap"] .hover\:border-yellow-50:hover { border-color: rgba(234, 179, 8, 0.16); }
html[data-tema="gelap"] .hover\:border-yellow-100:hover { border-color: rgba(234, 179, 8, 0.24); }
html[data-tema="gelap"] .hover\:border-yellow-200:hover { border-color: rgba(234, 179, 8, 0.38); }
html[data-tema="gelap"] .hover\:border-yellow-300:hover { border-color: rgba(234, 179, 8, 0.5); }
html[data-tema="gelap"] .hover\:text-yellow-500:hover { color: #facc15; }
html[data-tema="gelap"] .hover\:text-yellow-600:hover { color: #fde047; }
html[data-tema="gelap"] .hover\:text-yellow-700:hover { color: #fde047; }
html[data-tema="gelap"] .hover\:text-yellow-800:hover { color: #fde047; }
html[data-tema="gelap"] .hover\:text-yellow-900:hover { color: #fde047; }
html[data-tema="gelap"] .focus\:bg-yellow-50:focus { background-color: rgba(234, 179, 8, 0.1); }
html[data-tema="gelap"] .focus\:bg-yellow-100:focus { background-color: rgba(234, 179, 8, 0.18); }
html[data-tema="gelap"] .focus\:bg-yellow-200:focus { background-color: rgba(234, 179, 8, 0.28); }
html[data-tema="gelap"] .focus\:border-yellow-50:focus { border-color: rgba(234, 179, 8, 0.16); }
html[data-tema="gelap"] .focus\:border-yellow-100:focus { border-color: rgba(234, 179, 8, 0.24); }
html[data-tema="gelap"] .focus\:border-yellow-200:focus { border-color: rgba(234, 179, 8, 0.38); }
html[data-tema="gelap"] .focus\:border-yellow-300:focus { border-color: rgba(234, 179, 8, 0.5); }
html[data-tema="gelap"] .focus\:text-yellow-500:focus { color: #facc15; }
html[data-tema="gelap"] .focus\:text-yellow-600:focus { color: #fde047; }
html[data-tema="gelap"] .focus\:text-yellow-700:focus { color: #fde047; }
html[data-tema="gelap"] .focus\:text-yellow-800:focus { color: #fde047; }
html[data-tema="gelap"] .focus\:text-yellow-900:focus { color: #fde047; }
html[data-tema="gelap"] .group:hover .group-hover\:text-yellow-500 { color: #facc15; }
html[data-tema="gelap"] .group:hover .group-hover\:text-yellow-600 { color: #fde047; }
html[data-tema="gelap"] .group:hover .group-hover\:text-yellow-700 { color: #fde047; }
html[data-tema="gelap"] .group:hover .group-hover\:text-yellow-800 { color: #fde047; }
html[data-tema="gelap"] .group:hover .group-hover\:text-yellow-900 { color: #fde047; }
html[data-tema="gelap"] .group[open] .group-open\:text-yellow-500 { color: #facc15; }
html[data-tema="gelap"] .group[open] .group-open\:text-yellow-600 { color: #fde047; }
html[data-tema="gelap"] .group[open] .group-open\:text-yellow-700 { color: #fde047; }
html[data-tema="gelap"] .group[open] .group-open\:text-yellow-800 { color: #fde047; }
html[data-tema="gelap"] .group[open] .group-open\:text-yellow-900 { color: #fde047; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-yellow-50 { background-color: rgba(234, 179, 8, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-yellow-100 { background-color: rgba(234, 179, 8, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-yellow-200 { background-color: rgba(234, 179, 8, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-yellow-50 { border-color: rgba(234, 179, 8, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-yellow-100 { border-color: rgba(234, 179, 8, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-yellow-200 { border-color: rgba(234, 179, 8, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-yellow-300 { border-color: rgba(234, 179, 8, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-yellow-500 { color: #facc15; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-yellow-600 { color: #fde047; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-yellow-700 { color: #fde047; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-yellow-800 { color: #fde047; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-yellow-900 { color: #fde047; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-yellow-50:has(:checked) { background-color: rgba(234, 179, 8, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-yellow-100:has(:checked) { background-color: rgba(234, 179, 8, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-yellow-200:has(:checked) { background-color: rgba(234, 179, 8, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-yellow-50:has(:checked) { border-color: rgba(234, 179, 8, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-yellow-100:has(:checked) { border-color: rgba(234, 179, 8, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-yellow-200:has(:checked) { border-color: rgba(234, 179, 8, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-yellow-300:has(:checked) { border-color: rgba(234, 179, 8, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-yellow-500:has(:checked) { color: #facc15; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-yellow-600:has(:checked) { color: #fde047; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-yellow-700:has(:checked) { color: #fde047; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-yellow-800:has(:checked) { color: #fde047; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-yellow-900:has(:checked) { color: #fde047; }
html[data-tema="gelap"] .from-yellow-50 { --tw-gradient-from: rgba(234, 179, 8, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-yellow-50 { --tw-gradient-to: rgba(234, 179, 8, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-yellow-100 { --tw-gradient-from: rgba(234, 179, 8, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-yellow-100 { --tw-gradient-to: rgba(234, 179, 8, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-yellow-200 { --tw-gradient-from: rgba(234, 179, 8, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-yellow-200 { --tw-gradient-to: rgba(234, 179, 8, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-lime-50,
html[data-tema="gelap"] [class*="bg-lime-50/"] { background-color: rgba(132, 204, 22, 0.1); }
html[data-tema="gelap"] .bg-lime-100,
html[data-tema="gelap"] [class*="bg-lime-100/"] { background-color: rgba(132, 204, 22, 0.18); }
html[data-tema="gelap"] .bg-lime-200,
html[data-tema="gelap"] [class*="bg-lime-200/"] { background-color: rgba(132, 204, 22, 0.28); }
html[data-tema="gelap"] .border-lime-50,
html[data-tema="gelap"] [class*="border-lime-50/"] { border-color: rgba(132, 204, 22, 0.16); }
html[data-tema="gelap"] .border-lime-100,
html[data-tema="gelap"] [class*="border-lime-100/"] { border-color: rgba(132, 204, 22, 0.24); }
html[data-tema="gelap"] .border-lime-200,
html[data-tema="gelap"] [class*="border-lime-200/"] { border-color: rgba(132, 204, 22, 0.38); }
html[data-tema="gelap"] .border-lime-300,
html[data-tema="gelap"] [class*="border-lime-300/"] { border-color: rgba(132, 204, 22, 0.5); }
html[data-tema="gelap"] .text-lime-500,
html[data-tema="gelap"] [class*="text-lime-500/"] { color: #a3e635; }
html[data-tema="gelap"] .text-lime-600,
html[data-tema="gelap"] [class*="text-lime-600/"] { color: #bef264; }
html[data-tema="gelap"] .text-lime-700,
html[data-tema="gelap"] [class*="text-lime-700/"] { color: #bef264; }
html[data-tema="gelap"] .text-lime-800,
html[data-tema="gelap"] [class*="text-lime-800/"] { color: #bef264; }
html[data-tema="gelap"] .text-lime-900,
html[data-tema="gelap"] [class*="text-lime-900/"] { color: #bef264; }
html[data-tema="gelap"] .hover\:bg-lime-50:hover { background-color: rgba(132, 204, 22, 0.1); }
html[data-tema="gelap"] .hover\:bg-lime-100:hover { background-color: rgba(132, 204, 22, 0.18); }
html[data-tema="gelap"] .hover\:bg-lime-200:hover { background-color: rgba(132, 204, 22, 0.28); }
html[data-tema="gelap"] .hover\:border-lime-50:hover { border-color: rgba(132, 204, 22, 0.16); }
html[data-tema="gelap"] .hover\:border-lime-100:hover { border-color: rgba(132, 204, 22, 0.24); }
html[data-tema="gelap"] .hover\:border-lime-200:hover { border-color: rgba(132, 204, 22, 0.38); }
html[data-tema="gelap"] .hover\:border-lime-300:hover { border-color: rgba(132, 204, 22, 0.5); }
html[data-tema="gelap"] .hover\:text-lime-500:hover { color: #a3e635; }
html[data-tema="gelap"] .hover\:text-lime-600:hover { color: #bef264; }
html[data-tema="gelap"] .hover\:text-lime-700:hover { color: #bef264; }
html[data-tema="gelap"] .hover\:text-lime-800:hover { color: #bef264; }
html[data-tema="gelap"] .hover\:text-lime-900:hover { color: #bef264; }
html[data-tema="gelap"] .focus\:bg-lime-50:focus { background-color: rgba(132, 204, 22, 0.1); }
html[data-tema="gelap"] .focus\:bg-lime-100:focus { background-color: rgba(132, 204, 22, 0.18); }
html[data-tema="gelap"] .focus\:bg-lime-200:focus { background-color: rgba(132, 204, 22, 0.28); }
html[data-tema="gelap"] .focus\:border-lime-50:focus { border-color: rgba(132, 204, 22, 0.16); }
html[data-tema="gelap"] .focus\:border-lime-100:focus { border-color: rgba(132, 204, 22, 0.24); }
html[data-tema="gelap"] .focus\:border-lime-200:focus { border-color: rgba(132, 204, 22, 0.38); }
html[data-tema="gelap"] .focus\:border-lime-300:focus { border-color: rgba(132, 204, 22, 0.5); }
html[data-tema="gelap"] .focus\:text-lime-500:focus { color: #a3e635; }
html[data-tema="gelap"] .focus\:text-lime-600:focus { color: #bef264; }
html[data-tema="gelap"] .focus\:text-lime-700:focus { color: #bef264; }
html[data-tema="gelap"] .focus\:text-lime-800:focus { color: #bef264; }
html[data-tema="gelap"] .focus\:text-lime-900:focus { color: #bef264; }
html[data-tema="gelap"] .group:hover .group-hover\:text-lime-500 { color: #a3e635; }
html[data-tema="gelap"] .group:hover .group-hover\:text-lime-600 { color: #bef264; }
html[data-tema="gelap"] .group:hover .group-hover\:text-lime-700 { color: #bef264; }
html[data-tema="gelap"] .group:hover .group-hover\:text-lime-800 { color: #bef264; }
html[data-tema="gelap"] .group:hover .group-hover\:text-lime-900 { color: #bef264; }
html[data-tema="gelap"] .group[open] .group-open\:text-lime-500 { color: #a3e635; }
html[data-tema="gelap"] .group[open] .group-open\:text-lime-600 { color: #bef264; }
html[data-tema="gelap"] .group[open] .group-open\:text-lime-700 { color: #bef264; }
html[data-tema="gelap"] .group[open] .group-open\:text-lime-800 { color: #bef264; }
html[data-tema="gelap"] .group[open] .group-open\:text-lime-900 { color: #bef264; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-lime-50 { background-color: rgba(132, 204, 22, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-lime-100 { background-color: rgba(132, 204, 22, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-lime-200 { background-color: rgba(132, 204, 22, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-lime-50 { border-color: rgba(132, 204, 22, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-lime-100 { border-color: rgba(132, 204, 22, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-lime-200 { border-color: rgba(132, 204, 22, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-lime-300 { border-color: rgba(132, 204, 22, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-lime-500 { color: #a3e635; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-lime-600 { color: #bef264; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-lime-700 { color: #bef264; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-lime-800 { color: #bef264; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-lime-900 { color: #bef264; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-lime-50:has(:checked) { background-color: rgba(132, 204, 22, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-lime-100:has(:checked) { background-color: rgba(132, 204, 22, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-lime-200:has(:checked) { background-color: rgba(132, 204, 22, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-lime-50:has(:checked) { border-color: rgba(132, 204, 22, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-lime-100:has(:checked) { border-color: rgba(132, 204, 22, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-lime-200:has(:checked) { border-color: rgba(132, 204, 22, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-lime-300:has(:checked) { border-color: rgba(132, 204, 22, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-lime-500:has(:checked) { color: #a3e635; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-lime-600:has(:checked) { color: #bef264; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-lime-700:has(:checked) { color: #bef264; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-lime-800:has(:checked) { color: #bef264; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-lime-900:has(:checked) { color: #bef264; }
html[data-tema="gelap"] .from-lime-50 { --tw-gradient-from: rgba(132, 204, 22, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(132, 204, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-lime-50 { --tw-gradient-to: rgba(132, 204, 22, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-lime-100 { --tw-gradient-from: rgba(132, 204, 22, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(132, 204, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-lime-100 { --tw-gradient-to: rgba(132, 204, 22, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-lime-200 { --tw-gradient-from: rgba(132, 204, 22, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(132, 204, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-lime-200 { --tw-gradient-to: rgba(132, 204, 22, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-green-50,
html[data-tema="gelap"] [class*="bg-green-50/"] { background-color: rgba(34, 197, 94, 0.1); }
html[data-tema="gelap"] .bg-green-100,
html[data-tema="gelap"] [class*="bg-green-100/"] { background-color: rgba(34, 197, 94, 0.18); }
html[data-tema="gelap"] .bg-green-200,
html[data-tema="gelap"] [class*="bg-green-200/"] { background-color: rgba(34, 197, 94, 0.28); }
html[data-tema="gelap"] .border-green-50,
html[data-tema="gelap"] [class*="border-green-50/"] { border-color: rgba(34, 197, 94, 0.16); }
html[data-tema="gelap"] .border-green-100,
html[data-tema="gelap"] [class*="border-green-100/"] { border-color: rgba(34, 197, 94, 0.24); }
html[data-tema="gelap"] .border-green-200,
html[data-tema="gelap"] [class*="border-green-200/"] { border-color: rgba(34, 197, 94, 0.38); }
html[data-tema="gelap"] .border-green-300,
html[data-tema="gelap"] [class*="border-green-300/"] { border-color: rgba(34, 197, 94, 0.5); }
html[data-tema="gelap"] .text-green-500,
html[data-tema="gelap"] [class*="text-green-500/"] { color: #4ade80; }
html[data-tema="gelap"] .text-green-600,
html[data-tema="gelap"] [class*="text-green-600/"] { color: #86efac; }
html[data-tema="gelap"] .text-green-700,
html[data-tema="gelap"] [class*="text-green-700/"] { color: #86efac; }
html[data-tema="gelap"] .text-green-800,
html[data-tema="gelap"] [class*="text-green-800/"] { color: #86efac; }
html[data-tema="gelap"] .text-green-900,
html[data-tema="gelap"] [class*="text-green-900/"] { color: #86efac; }
html[data-tema="gelap"] .hover\:bg-green-50:hover { background-color: rgba(34, 197, 94, 0.1); }
html[data-tema="gelap"] .hover\:bg-green-100:hover { background-color: rgba(34, 197, 94, 0.18); }
html[data-tema="gelap"] .hover\:bg-green-200:hover { background-color: rgba(34, 197, 94, 0.28); }
html[data-tema="gelap"] .hover\:border-green-50:hover { border-color: rgba(34, 197, 94, 0.16); }
html[data-tema="gelap"] .hover\:border-green-100:hover { border-color: rgba(34, 197, 94, 0.24); }
html[data-tema="gelap"] .hover\:border-green-200:hover { border-color: rgba(34, 197, 94, 0.38); }
html[data-tema="gelap"] .hover\:border-green-300:hover { border-color: rgba(34, 197, 94, 0.5); }
html[data-tema="gelap"] .hover\:text-green-500:hover { color: #4ade80; }
html[data-tema="gelap"] .hover\:text-green-600:hover { color: #86efac; }
html[data-tema="gelap"] .hover\:text-green-700:hover { color: #86efac; }
html[data-tema="gelap"] .hover\:text-green-800:hover { color: #86efac; }
html[data-tema="gelap"] .hover\:text-green-900:hover { color: #86efac; }
html[data-tema="gelap"] .focus\:bg-green-50:focus { background-color: rgba(34, 197, 94, 0.1); }
html[data-tema="gelap"] .focus\:bg-green-100:focus { background-color: rgba(34, 197, 94, 0.18); }
html[data-tema="gelap"] .focus\:bg-green-200:focus { background-color: rgba(34, 197, 94, 0.28); }
html[data-tema="gelap"] .focus\:border-green-50:focus { border-color: rgba(34, 197, 94, 0.16); }
html[data-tema="gelap"] .focus\:border-green-100:focus { border-color: rgba(34, 197, 94, 0.24); }
html[data-tema="gelap"] .focus\:border-green-200:focus { border-color: rgba(34, 197, 94, 0.38); }
html[data-tema="gelap"] .focus\:border-green-300:focus { border-color: rgba(34, 197, 94, 0.5); }
html[data-tema="gelap"] .focus\:text-green-500:focus { color: #4ade80; }
html[data-tema="gelap"] .focus\:text-green-600:focus { color: #86efac; }
html[data-tema="gelap"] .focus\:text-green-700:focus { color: #86efac; }
html[data-tema="gelap"] .focus\:text-green-800:focus { color: #86efac; }
html[data-tema="gelap"] .focus\:text-green-900:focus { color: #86efac; }
html[data-tema="gelap"] .group:hover .group-hover\:text-green-500 { color: #4ade80; }
html[data-tema="gelap"] .group:hover .group-hover\:text-green-600 { color: #86efac; }
html[data-tema="gelap"] .group:hover .group-hover\:text-green-700 { color: #86efac; }
html[data-tema="gelap"] .group:hover .group-hover\:text-green-800 { color: #86efac; }
html[data-tema="gelap"] .group:hover .group-hover\:text-green-900 { color: #86efac; }
html[data-tema="gelap"] .group[open] .group-open\:text-green-500 { color: #4ade80; }
html[data-tema="gelap"] .group[open] .group-open\:text-green-600 { color: #86efac; }
html[data-tema="gelap"] .group[open] .group-open\:text-green-700 { color: #86efac; }
html[data-tema="gelap"] .group[open] .group-open\:text-green-800 { color: #86efac; }
html[data-tema="gelap"] .group[open] .group-open\:text-green-900 { color: #86efac; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-green-50 { background-color: rgba(34, 197, 94, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-green-100 { background-color: rgba(34, 197, 94, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-green-200 { background-color: rgba(34, 197, 94, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-green-50 { border-color: rgba(34, 197, 94, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-green-100 { border-color: rgba(34, 197, 94, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-green-200 { border-color: rgba(34, 197, 94, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-green-300 { border-color: rgba(34, 197, 94, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-green-500 { color: #4ade80; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-green-600 { color: #86efac; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-green-700 { color: #86efac; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-green-800 { color: #86efac; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-green-900 { color: #86efac; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-green-50:has(:checked) { background-color: rgba(34, 197, 94, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-green-100:has(:checked) { background-color: rgba(34, 197, 94, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-green-200:has(:checked) { background-color: rgba(34, 197, 94, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-green-50:has(:checked) { border-color: rgba(34, 197, 94, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-green-100:has(:checked) { border-color: rgba(34, 197, 94, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-green-200:has(:checked) { border-color: rgba(34, 197, 94, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-green-300:has(:checked) { border-color: rgba(34, 197, 94, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-green-500:has(:checked) { color: #4ade80; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-green-600:has(:checked) { color: #86efac; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-green-700:has(:checked) { color: #86efac; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-green-800:has(:checked) { color: #86efac; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-green-900:has(:checked) { color: #86efac; }
html[data-tema="gelap"] .from-green-50 { --tw-gradient-from: rgba(34, 197, 94, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 197, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-green-50 { --tw-gradient-to: rgba(34, 197, 94, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-green-100 { --tw-gradient-from: rgba(34, 197, 94, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 197, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-green-100 { --tw-gradient-to: rgba(34, 197, 94, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-green-200 { --tw-gradient-from: rgba(34, 197, 94, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 197, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-green-200 { --tw-gradient-to: rgba(34, 197, 94, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-emerald-50,
html[data-tema="gelap"] [class*="bg-emerald-50/"] { background-color: rgba(16, 185, 129, 0.1); }
html[data-tema="gelap"] .bg-emerald-100,
html[data-tema="gelap"] [class*="bg-emerald-100/"] { background-color: rgba(16, 185, 129, 0.18); }
html[data-tema="gelap"] .bg-emerald-200,
html[data-tema="gelap"] [class*="bg-emerald-200/"] { background-color: rgba(16, 185, 129, 0.28); }
html[data-tema="gelap"] .border-emerald-50,
html[data-tema="gelap"] [class*="border-emerald-50/"] { border-color: rgba(16, 185, 129, 0.16); }
html[data-tema="gelap"] .border-emerald-100,
html[data-tema="gelap"] [class*="border-emerald-100/"] { border-color: rgba(16, 185, 129, 0.24); }
html[data-tema="gelap"] .border-emerald-200,
html[data-tema="gelap"] [class*="border-emerald-200/"] { border-color: rgba(16, 185, 129, 0.38); }
html[data-tema="gelap"] .border-emerald-300,
html[data-tema="gelap"] [class*="border-emerald-300/"] { border-color: rgba(16, 185, 129, 0.5); }
html[data-tema="gelap"] .text-emerald-500,
html[data-tema="gelap"] [class*="text-emerald-500/"] { color: #34d399; }
html[data-tema="gelap"] .text-emerald-600,
html[data-tema="gelap"] [class*="text-emerald-600/"] { color: #6ee7b7; }
html[data-tema="gelap"] .text-emerald-700,
html[data-tema="gelap"] [class*="text-emerald-700/"] { color: #6ee7b7; }
html[data-tema="gelap"] .text-emerald-800,
html[data-tema="gelap"] [class*="text-emerald-800/"] { color: #6ee7b7; }
html[data-tema="gelap"] .text-emerald-900,
html[data-tema="gelap"] [class*="text-emerald-900/"] { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:bg-emerald-50:hover { background-color: rgba(16, 185, 129, 0.1); }
html[data-tema="gelap"] .hover\:bg-emerald-100:hover { background-color: rgba(16, 185, 129, 0.18); }
html[data-tema="gelap"] .hover\:bg-emerald-200:hover { background-color: rgba(16, 185, 129, 0.28); }
html[data-tema="gelap"] .hover\:border-emerald-50:hover { border-color: rgba(16, 185, 129, 0.16); }
html[data-tema="gelap"] .hover\:border-emerald-100:hover { border-color: rgba(16, 185, 129, 0.24); }
html[data-tema="gelap"] .hover\:border-emerald-200:hover { border-color: rgba(16, 185, 129, 0.38); }
html[data-tema="gelap"] .hover\:border-emerald-300:hover { border-color: rgba(16, 185, 129, 0.5); }
html[data-tema="gelap"] .hover\:text-emerald-500:hover { color: #34d399; }
html[data-tema="gelap"] .hover\:text-emerald-600:hover { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:text-emerald-700:hover { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:text-emerald-800:hover { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:text-emerald-900:hover { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:bg-emerald-50:focus { background-color: rgba(16, 185, 129, 0.1); }
html[data-tema="gelap"] .focus\:bg-emerald-100:focus { background-color: rgba(16, 185, 129, 0.18); }
html[data-tema="gelap"] .focus\:bg-emerald-200:focus { background-color: rgba(16, 185, 129, 0.28); }
html[data-tema="gelap"] .focus\:border-emerald-50:focus { border-color: rgba(16, 185, 129, 0.16); }
html[data-tema="gelap"] .focus\:border-emerald-100:focus { border-color: rgba(16, 185, 129, 0.24); }
html[data-tema="gelap"] .focus\:border-emerald-200:focus { border-color: rgba(16, 185, 129, 0.38); }
html[data-tema="gelap"] .focus\:border-emerald-300:focus { border-color: rgba(16, 185, 129, 0.5); }
html[data-tema="gelap"] .focus\:text-emerald-500:focus { color: #34d399; }
html[data-tema="gelap"] .focus\:text-emerald-600:focus { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:text-emerald-700:focus { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:text-emerald-800:focus { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:text-emerald-900:focus { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-emerald-500 { color: #34d399; }
html[data-tema="gelap"] .group:hover .group-hover\:text-emerald-600 { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-emerald-700 { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-emerald-800 { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-emerald-900 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-emerald-500 { color: #34d399; }
html[data-tema="gelap"] .group[open] .group-open\:text-emerald-600 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-emerald-700 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-emerald-800 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-emerald-900 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-emerald-50 { background-color: rgba(16, 185, 129, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-emerald-100 { background-color: rgba(16, 185, 129, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-emerald-200 { background-color: rgba(16, 185, 129, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-emerald-50 { border-color: rgba(16, 185, 129, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-emerald-100 { border-color: rgba(16, 185, 129, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-emerald-200 { border-color: rgba(16, 185, 129, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-emerald-300 { border-color: rgba(16, 185, 129, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-emerald-500 { color: #34d399; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-emerald-600 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-emerald-700 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-emerald-800 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-emerald-900 { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-emerald-50:has(:checked) { background-color: rgba(16, 185, 129, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-emerald-100:has(:checked) { background-color: rgba(16, 185, 129, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-emerald-200:has(:checked) { background-color: rgba(16, 185, 129, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-emerald-50:has(:checked) { border-color: rgba(16, 185, 129, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-emerald-100:has(:checked) { border-color: rgba(16, 185, 129, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-emerald-200:has(:checked) { border-color: rgba(16, 185, 129, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-emerald-300:has(:checked) { border-color: rgba(16, 185, 129, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-emerald-500:has(:checked) { color: #34d399; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-emerald-600:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-emerald-700:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-emerald-800:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-emerald-900:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .from-emerald-50 { --tw-gradient-from: rgba(16, 185, 129, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(16, 185, 129, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-emerald-50 { --tw-gradient-to: rgba(16, 185, 129, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-emerald-100 { --tw-gradient-from: rgba(16, 185, 129, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(16, 185, 129, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-emerald-100 { --tw-gradient-to: rgba(16, 185, 129, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-emerald-200 { --tw-gradient-from: rgba(16, 185, 129, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(16, 185, 129, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-emerald-200 { --tw-gradient-to: rgba(16, 185, 129, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-teal-50,
html[data-tema="gelap"] [class*="bg-teal-50/"] { background-color: rgba(20, 184, 166, 0.1); }
html[data-tema="gelap"] .bg-teal-100,
html[data-tema="gelap"] [class*="bg-teal-100/"] { background-color: rgba(20, 184, 166, 0.18); }
html[data-tema="gelap"] .bg-teal-200,
html[data-tema="gelap"] [class*="bg-teal-200/"] { background-color: rgba(20, 184, 166, 0.28); }
html[data-tema="gelap"] .border-teal-50,
html[data-tema="gelap"] [class*="border-teal-50/"] { border-color: rgba(20, 184, 166, 0.16); }
html[data-tema="gelap"] .border-teal-100,
html[data-tema="gelap"] [class*="border-teal-100/"] { border-color: rgba(20, 184, 166, 0.24); }
html[data-tema="gelap"] .border-teal-200,
html[data-tema="gelap"] [class*="border-teal-200/"] { border-color: rgba(20, 184, 166, 0.38); }
html[data-tema="gelap"] .border-teal-300,
html[data-tema="gelap"] [class*="border-teal-300/"] { border-color: rgba(20, 184, 166, 0.5); }
html[data-tema="gelap"] .text-teal-500,
html[data-tema="gelap"] [class*="text-teal-500/"] { color: #2dd4bf; }
html[data-tema="gelap"] .text-teal-600,
html[data-tema="gelap"] [class*="text-teal-600/"] { color: #5eead4; }
html[data-tema="gelap"] .text-teal-700,
html[data-tema="gelap"] [class*="text-teal-700/"] { color: #5eead4; }
html[data-tema="gelap"] .text-teal-800,
html[data-tema="gelap"] [class*="text-teal-800/"] { color: #5eead4; }
html[data-tema="gelap"] .text-teal-900,
html[data-tema="gelap"] [class*="text-teal-900/"] { color: #5eead4; }
html[data-tema="gelap"] .hover\:bg-teal-50:hover { background-color: rgba(20, 184, 166, 0.1); }
html[data-tema="gelap"] .hover\:bg-teal-100:hover { background-color: rgba(20, 184, 166, 0.18); }
html[data-tema="gelap"] .hover\:bg-teal-200:hover { background-color: rgba(20, 184, 166, 0.28); }
html[data-tema="gelap"] .hover\:border-teal-50:hover { border-color: rgba(20, 184, 166, 0.16); }
html[data-tema="gelap"] .hover\:border-teal-100:hover { border-color: rgba(20, 184, 166, 0.24); }
html[data-tema="gelap"] .hover\:border-teal-200:hover { border-color: rgba(20, 184, 166, 0.38); }
html[data-tema="gelap"] .hover\:border-teal-300:hover { border-color: rgba(20, 184, 166, 0.5); }
html[data-tema="gelap"] .hover\:text-teal-500:hover { color: #2dd4bf; }
html[data-tema="gelap"] .hover\:text-teal-600:hover { color: #5eead4; }
html[data-tema="gelap"] .hover\:text-teal-700:hover { color: #5eead4; }
html[data-tema="gelap"] .hover\:text-teal-800:hover { color: #5eead4; }
html[data-tema="gelap"] .hover\:text-teal-900:hover { color: #5eead4; }
html[data-tema="gelap"] .focus\:bg-teal-50:focus { background-color: rgba(20, 184, 166, 0.1); }
html[data-tema="gelap"] .focus\:bg-teal-100:focus { background-color: rgba(20, 184, 166, 0.18); }
html[data-tema="gelap"] .focus\:bg-teal-200:focus { background-color: rgba(20, 184, 166, 0.28); }
html[data-tema="gelap"] .focus\:border-teal-50:focus { border-color: rgba(20, 184, 166, 0.16); }
html[data-tema="gelap"] .focus\:border-teal-100:focus { border-color: rgba(20, 184, 166, 0.24); }
html[data-tema="gelap"] .focus\:border-teal-200:focus { border-color: rgba(20, 184, 166, 0.38); }
html[data-tema="gelap"] .focus\:border-teal-300:focus { border-color: rgba(20, 184, 166, 0.5); }
html[data-tema="gelap"] .focus\:text-teal-500:focus { color: #2dd4bf; }
html[data-tema="gelap"] .focus\:text-teal-600:focus { color: #5eead4; }
html[data-tema="gelap"] .focus\:text-teal-700:focus { color: #5eead4; }
html[data-tema="gelap"] .focus\:text-teal-800:focus { color: #5eead4; }
html[data-tema="gelap"] .focus\:text-teal-900:focus { color: #5eead4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-teal-500 { color: #2dd4bf; }
html[data-tema="gelap"] .group:hover .group-hover\:text-teal-600 { color: #5eead4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-teal-700 { color: #5eead4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-teal-800 { color: #5eead4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-teal-900 { color: #5eead4; }
html[data-tema="gelap"] .group[open] .group-open\:text-teal-500 { color: #2dd4bf; }
html[data-tema="gelap"] .group[open] .group-open\:text-teal-600 { color: #5eead4; }
html[data-tema="gelap"] .group[open] .group-open\:text-teal-700 { color: #5eead4; }
html[data-tema="gelap"] .group[open] .group-open\:text-teal-800 { color: #5eead4; }
html[data-tema="gelap"] .group[open] .group-open\:text-teal-900 { color: #5eead4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-teal-50 { background-color: rgba(20, 184, 166, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-teal-100 { background-color: rgba(20, 184, 166, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-teal-200 { background-color: rgba(20, 184, 166, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-teal-50 { border-color: rgba(20, 184, 166, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-teal-100 { border-color: rgba(20, 184, 166, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-teal-200 { border-color: rgba(20, 184, 166, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-teal-300 { border-color: rgba(20, 184, 166, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-teal-500 { color: #2dd4bf; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-teal-600 { color: #5eead4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-teal-700 { color: #5eead4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-teal-800 { color: #5eead4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-teal-900 { color: #5eead4; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-teal-50:has(:checked) { background-color: rgba(20, 184, 166, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-teal-100:has(:checked) { background-color: rgba(20, 184, 166, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-teal-200:has(:checked) { background-color: rgba(20, 184, 166, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-teal-50:has(:checked) { border-color: rgba(20, 184, 166, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-teal-100:has(:checked) { border-color: rgba(20, 184, 166, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-teal-200:has(:checked) { border-color: rgba(20, 184, 166, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-teal-300:has(:checked) { border-color: rgba(20, 184, 166, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-teal-500:has(:checked) { color: #2dd4bf; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-teal-600:has(:checked) { color: #5eead4; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-teal-700:has(:checked) { color: #5eead4; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-teal-800:has(:checked) { color: #5eead4; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-teal-900:has(:checked) { color: #5eead4; }
html[data-tema="gelap"] .from-teal-50 { --tw-gradient-from: rgba(20, 184, 166, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-teal-50 { --tw-gradient-to: rgba(20, 184, 166, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-teal-100 { --tw-gradient-from: rgba(20, 184, 166, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-teal-100 { --tw-gradient-to: rgba(20, 184, 166, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-teal-200 { --tw-gradient-from: rgba(20, 184, 166, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-teal-200 { --tw-gradient-to: rgba(20, 184, 166, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-cyan-50,
html[data-tema="gelap"] [class*="bg-cyan-50/"] { background-color: rgba(6, 182, 212, 0.1); }
html[data-tema="gelap"] .bg-cyan-100,
html[data-tema="gelap"] [class*="bg-cyan-100/"] { background-color: rgba(6, 182, 212, 0.18); }
html[data-tema="gelap"] .bg-cyan-200,
html[data-tema="gelap"] [class*="bg-cyan-200/"] { background-color: rgba(6, 182, 212, 0.28); }
html[data-tema="gelap"] .border-cyan-50,
html[data-tema="gelap"] [class*="border-cyan-50/"] { border-color: rgba(6, 182, 212, 0.16); }
html[data-tema="gelap"] .border-cyan-100,
html[data-tema="gelap"] [class*="border-cyan-100/"] { border-color: rgba(6, 182, 212, 0.24); }
html[data-tema="gelap"] .border-cyan-200,
html[data-tema="gelap"] [class*="border-cyan-200/"] { border-color: rgba(6, 182, 212, 0.38); }
html[data-tema="gelap"] .border-cyan-300,
html[data-tema="gelap"] [class*="border-cyan-300/"] { border-color: rgba(6, 182, 212, 0.5); }
html[data-tema="gelap"] .text-cyan-500,
html[data-tema="gelap"] [class*="text-cyan-500/"] { color: #22d3ee; }
html[data-tema="gelap"] .text-cyan-600,
html[data-tema="gelap"] [class*="text-cyan-600/"] { color: #67e8f9; }
html[data-tema="gelap"] .text-cyan-700,
html[data-tema="gelap"] [class*="text-cyan-700/"] { color: #67e8f9; }
html[data-tema="gelap"] .text-cyan-800,
html[data-tema="gelap"] [class*="text-cyan-800/"] { color: #67e8f9; }
html[data-tema="gelap"] .text-cyan-900,
html[data-tema="gelap"] [class*="text-cyan-900/"] { color: #67e8f9; }
html[data-tema="gelap"] .hover\:bg-cyan-50:hover { background-color: rgba(6, 182, 212, 0.1); }
html[data-tema="gelap"] .hover\:bg-cyan-100:hover { background-color: rgba(6, 182, 212, 0.18); }
html[data-tema="gelap"] .hover\:bg-cyan-200:hover { background-color: rgba(6, 182, 212, 0.28); }
html[data-tema="gelap"] .hover\:border-cyan-50:hover { border-color: rgba(6, 182, 212, 0.16); }
html[data-tema="gelap"] .hover\:border-cyan-100:hover { border-color: rgba(6, 182, 212, 0.24); }
html[data-tema="gelap"] .hover\:border-cyan-200:hover { border-color: rgba(6, 182, 212, 0.38); }
html[data-tema="gelap"] .hover\:border-cyan-300:hover { border-color: rgba(6, 182, 212, 0.5); }
html[data-tema="gelap"] .hover\:text-cyan-500:hover { color: #22d3ee; }
html[data-tema="gelap"] .hover\:text-cyan-600:hover { color: #67e8f9; }
html[data-tema="gelap"] .hover\:text-cyan-700:hover { color: #67e8f9; }
html[data-tema="gelap"] .hover\:text-cyan-800:hover { color: #67e8f9; }
html[data-tema="gelap"] .hover\:text-cyan-900:hover { color: #67e8f9; }
html[data-tema="gelap"] .focus\:bg-cyan-50:focus { background-color: rgba(6, 182, 212, 0.1); }
html[data-tema="gelap"] .focus\:bg-cyan-100:focus { background-color: rgba(6, 182, 212, 0.18); }
html[data-tema="gelap"] .focus\:bg-cyan-200:focus { background-color: rgba(6, 182, 212, 0.28); }
html[data-tema="gelap"] .focus\:border-cyan-50:focus { border-color: rgba(6, 182, 212, 0.16); }
html[data-tema="gelap"] .focus\:border-cyan-100:focus { border-color: rgba(6, 182, 212, 0.24); }
html[data-tema="gelap"] .focus\:border-cyan-200:focus { border-color: rgba(6, 182, 212, 0.38); }
html[data-tema="gelap"] .focus\:border-cyan-300:focus { border-color: rgba(6, 182, 212, 0.5); }
html[data-tema="gelap"] .focus\:text-cyan-500:focus { color: #22d3ee; }
html[data-tema="gelap"] .focus\:text-cyan-600:focus { color: #67e8f9; }
html[data-tema="gelap"] .focus\:text-cyan-700:focus { color: #67e8f9; }
html[data-tema="gelap"] .focus\:text-cyan-800:focus { color: #67e8f9; }
html[data-tema="gelap"] .focus\:text-cyan-900:focus { color: #67e8f9; }
html[data-tema="gelap"] .group:hover .group-hover\:text-cyan-500 { color: #22d3ee; }
html[data-tema="gelap"] .group:hover .group-hover\:text-cyan-600 { color: #67e8f9; }
html[data-tema="gelap"] .group:hover .group-hover\:text-cyan-700 { color: #67e8f9; }
html[data-tema="gelap"] .group:hover .group-hover\:text-cyan-800 { color: #67e8f9; }
html[data-tema="gelap"] .group:hover .group-hover\:text-cyan-900 { color: #67e8f9; }
html[data-tema="gelap"] .group[open] .group-open\:text-cyan-500 { color: #22d3ee; }
html[data-tema="gelap"] .group[open] .group-open\:text-cyan-600 { color: #67e8f9; }
html[data-tema="gelap"] .group[open] .group-open\:text-cyan-700 { color: #67e8f9; }
html[data-tema="gelap"] .group[open] .group-open\:text-cyan-800 { color: #67e8f9; }
html[data-tema="gelap"] .group[open] .group-open\:text-cyan-900 { color: #67e8f9; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-cyan-50 { background-color: rgba(6, 182, 212, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-cyan-100 { background-color: rgba(6, 182, 212, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-cyan-200 { background-color: rgba(6, 182, 212, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-cyan-50 { border-color: rgba(6, 182, 212, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-cyan-100 { border-color: rgba(6, 182, 212, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-cyan-200 { border-color: rgba(6, 182, 212, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-cyan-300 { border-color: rgba(6, 182, 212, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-cyan-500 { color: #22d3ee; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-cyan-600 { color: #67e8f9; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-cyan-700 { color: #67e8f9; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-cyan-800 { color: #67e8f9; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-cyan-900 { color: #67e8f9; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-cyan-50:has(:checked) { background-color: rgba(6, 182, 212, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-cyan-100:has(:checked) { background-color: rgba(6, 182, 212, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-cyan-200:has(:checked) { background-color: rgba(6, 182, 212, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-cyan-50:has(:checked) { border-color: rgba(6, 182, 212, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-cyan-100:has(:checked) { border-color: rgba(6, 182, 212, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-cyan-200:has(:checked) { border-color: rgba(6, 182, 212, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-cyan-300:has(:checked) { border-color: rgba(6, 182, 212, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-cyan-500:has(:checked) { color: #22d3ee; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-cyan-600:has(:checked) { color: #67e8f9; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-cyan-700:has(:checked) { color: #67e8f9; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-cyan-800:has(:checked) { color: #67e8f9; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-cyan-900:has(:checked) { color: #67e8f9; }
html[data-tema="gelap"] .from-cyan-50 { --tw-gradient-from: rgba(6, 182, 212, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(6, 182, 212, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-cyan-50 { --tw-gradient-to: rgba(6, 182, 212, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-cyan-100 { --tw-gradient-from: rgba(6, 182, 212, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(6, 182, 212, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-cyan-100 { --tw-gradient-to: rgba(6, 182, 212, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-cyan-200 { --tw-gradient-from: rgba(6, 182, 212, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(6, 182, 212, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-cyan-200 { --tw-gradient-to: rgba(6, 182, 212, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-sky-50,
html[data-tema="gelap"] [class*="bg-sky-50/"] { background-color: rgba(14, 165, 233, 0.1); }
html[data-tema="gelap"] .bg-sky-100,
html[data-tema="gelap"] [class*="bg-sky-100/"] { background-color: rgba(14, 165, 233, 0.18); }
html[data-tema="gelap"] .bg-sky-200,
html[data-tema="gelap"] [class*="bg-sky-200/"] { background-color: rgba(14, 165, 233, 0.28); }
html[data-tema="gelap"] .border-sky-50,
html[data-tema="gelap"] [class*="border-sky-50/"] { border-color: rgba(14, 165, 233, 0.16); }
html[data-tema="gelap"] .border-sky-100,
html[data-tema="gelap"] [class*="border-sky-100/"] { border-color: rgba(14, 165, 233, 0.24); }
html[data-tema="gelap"] .border-sky-200,
html[data-tema="gelap"] [class*="border-sky-200/"] { border-color: rgba(14, 165, 233, 0.38); }
html[data-tema="gelap"] .border-sky-300,
html[data-tema="gelap"] [class*="border-sky-300/"] { border-color: rgba(14, 165, 233, 0.5); }
html[data-tema="gelap"] .text-sky-500,
html[data-tema="gelap"] [class*="text-sky-500/"] { color: #38bdf8; }
html[data-tema="gelap"] .text-sky-600,
html[data-tema="gelap"] [class*="text-sky-600/"] { color: #7dd3fc; }
html[data-tema="gelap"] .text-sky-700,
html[data-tema="gelap"] [class*="text-sky-700/"] { color: #7dd3fc; }
html[data-tema="gelap"] .text-sky-800,
html[data-tema="gelap"] [class*="text-sky-800/"] { color: #7dd3fc; }
html[data-tema="gelap"] .text-sky-900,
html[data-tema="gelap"] [class*="text-sky-900/"] { color: #7dd3fc; }
html[data-tema="gelap"] .hover\:bg-sky-50:hover { background-color: rgba(14, 165, 233, 0.1); }
html[data-tema="gelap"] .hover\:bg-sky-100:hover { background-color: rgba(14, 165, 233, 0.18); }
html[data-tema="gelap"] .hover\:bg-sky-200:hover { background-color: rgba(14, 165, 233, 0.28); }
html[data-tema="gelap"] .hover\:border-sky-50:hover { border-color: rgba(14, 165, 233, 0.16); }
html[data-tema="gelap"] .hover\:border-sky-100:hover { border-color: rgba(14, 165, 233, 0.24); }
html[data-tema="gelap"] .hover\:border-sky-200:hover { border-color: rgba(14, 165, 233, 0.38); }
html[data-tema="gelap"] .hover\:border-sky-300:hover { border-color: rgba(14, 165, 233, 0.5); }
html[data-tema="gelap"] .hover\:text-sky-500:hover { color: #38bdf8; }
html[data-tema="gelap"] .hover\:text-sky-600:hover { color: #7dd3fc; }
html[data-tema="gelap"] .hover\:text-sky-700:hover { color: #7dd3fc; }
html[data-tema="gelap"] .hover\:text-sky-800:hover { color: #7dd3fc; }
html[data-tema="gelap"] .hover\:text-sky-900:hover { color: #7dd3fc; }
html[data-tema="gelap"] .focus\:bg-sky-50:focus { background-color: rgba(14, 165, 233, 0.1); }
html[data-tema="gelap"] .focus\:bg-sky-100:focus { background-color: rgba(14, 165, 233, 0.18); }
html[data-tema="gelap"] .focus\:bg-sky-200:focus { background-color: rgba(14, 165, 233, 0.28); }
html[data-tema="gelap"] .focus\:border-sky-50:focus { border-color: rgba(14, 165, 233, 0.16); }
html[data-tema="gelap"] .focus\:border-sky-100:focus { border-color: rgba(14, 165, 233, 0.24); }
html[data-tema="gelap"] .focus\:border-sky-200:focus { border-color: rgba(14, 165, 233, 0.38); }
html[data-tema="gelap"] .focus\:border-sky-300:focus { border-color: rgba(14, 165, 233, 0.5); }
html[data-tema="gelap"] .focus\:text-sky-500:focus { color: #38bdf8; }
html[data-tema="gelap"] .focus\:text-sky-600:focus { color: #7dd3fc; }
html[data-tema="gelap"] .focus\:text-sky-700:focus { color: #7dd3fc; }
html[data-tema="gelap"] .focus\:text-sky-800:focus { color: #7dd3fc; }
html[data-tema="gelap"] .focus\:text-sky-900:focus { color: #7dd3fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-sky-500 { color: #38bdf8; }
html[data-tema="gelap"] .group:hover .group-hover\:text-sky-600 { color: #7dd3fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-sky-700 { color: #7dd3fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-sky-800 { color: #7dd3fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-sky-900 { color: #7dd3fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-sky-500 { color: #38bdf8; }
html[data-tema="gelap"] .group[open] .group-open\:text-sky-600 { color: #7dd3fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-sky-700 { color: #7dd3fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-sky-800 { color: #7dd3fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-sky-900 { color: #7dd3fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-sky-50 { background-color: rgba(14, 165, 233, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-sky-100 { background-color: rgba(14, 165, 233, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-sky-200 { background-color: rgba(14, 165, 233, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-sky-50 { border-color: rgba(14, 165, 233, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-sky-100 { border-color: rgba(14, 165, 233, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-sky-200 { border-color: rgba(14, 165, 233, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-sky-300 { border-color: rgba(14, 165, 233, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-sky-500 { color: #38bdf8; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-sky-600 { color: #7dd3fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-sky-700 { color: #7dd3fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-sky-800 { color: #7dd3fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-sky-900 { color: #7dd3fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-sky-50:has(:checked) { background-color: rgba(14, 165, 233, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-sky-100:has(:checked) { background-color: rgba(14, 165, 233, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-sky-200:has(:checked) { background-color: rgba(14, 165, 233, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-sky-50:has(:checked) { border-color: rgba(14, 165, 233, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-sky-100:has(:checked) { border-color: rgba(14, 165, 233, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-sky-200:has(:checked) { border-color: rgba(14, 165, 233, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-sky-300:has(:checked) { border-color: rgba(14, 165, 233, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-sky-500:has(:checked) { color: #38bdf8; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-sky-600:has(:checked) { color: #7dd3fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-sky-700:has(:checked) { color: #7dd3fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-sky-800:has(:checked) { color: #7dd3fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-sky-900:has(:checked) { color: #7dd3fc; }
html[data-tema="gelap"] .from-sky-50 { --tw-gradient-from: rgba(14, 165, 233, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-sky-50 { --tw-gradient-to: rgba(14, 165, 233, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-sky-100 { --tw-gradient-from: rgba(14, 165, 233, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-sky-100 { --tw-gradient-to: rgba(14, 165, 233, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-sky-200 { --tw-gradient-from: rgba(14, 165, 233, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-sky-200 { --tw-gradient-to: rgba(14, 165, 233, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-blue-50,
html[data-tema="gelap"] [class*="bg-blue-50/"] { background-color: rgba(59, 130, 246, 0.1); }
html[data-tema="gelap"] .bg-blue-100,
html[data-tema="gelap"] [class*="bg-blue-100/"] { background-color: rgba(59, 130, 246, 0.18); }
html[data-tema="gelap"] .bg-blue-200,
html[data-tema="gelap"] [class*="bg-blue-200/"] { background-color: rgba(59, 130, 246, 0.28); }
html[data-tema="gelap"] .border-blue-50,
html[data-tema="gelap"] [class*="border-blue-50/"] { border-color: rgba(59, 130, 246, 0.16); }
html[data-tema="gelap"] .border-blue-100,
html[data-tema="gelap"] [class*="border-blue-100/"] { border-color: rgba(59, 130, 246, 0.24); }
html[data-tema="gelap"] .border-blue-200,
html[data-tema="gelap"] [class*="border-blue-200/"] { border-color: rgba(59, 130, 246, 0.38); }
html[data-tema="gelap"] .border-blue-300,
html[data-tema="gelap"] [class*="border-blue-300/"] { border-color: rgba(59, 130, 246, 0.5); }
html[data-tema="gelap"] .text-blue-500,
html[data-tema="gelap"] [class*="text-blue-500/"] { color: #60a5fa; }
html[data-tema="gelap"] .text-blue-600,
html[data-tema="gelap"] [class*="text-blue-600/"] { color: #93c5fd; }
html[data-tema="gelap"] .text-blue-700,
html[data-tema="gelap"] [class*="text-blue-700/"] { color: #93c5fd; }
html[data-tema="gelap"] .text-blue-800,
html[data-tema="gelap"] [class*="text-blue-800/"] { color: #93c5fd; }
html[data-tema="gelap"] .text-blue-900,
html[data-tema="gelap"] [class*="text-blue-900/"] { color: #93c5fd; }
html[data-tema="gelap"] .hover\:bg-blue-50:hover { background-color: rgba(59, 130, 246, 0.1); }
html[data-tema="gelap"] .hover\:bg-blue-100:hover { background-color: rgba(59, 130, 246, 0.18); }
html[data-tema="gelap"] .hover\:bg-blue-200:hover { background-color: rgba(59, 130, 246, 0.28); }
html[data-tema="gelap"] .hover\:border-blue-50:hover { border-color: rgba(59, 130, 246, 0.16); }
html[data-tema="gelap"] .hover\:border-blue-100:hover { border-color: rgba(59, 130, 246, 0.24); }
html[data-tema="gelap"] .hover\:border-blue-200:hover { border-color: rgba(59, 130, 246, 0.38); }
html[data-tema="gelap"] .hover\:border-blue-300:hover { border-color: rgba(59, 130, 246, 0.5); }
html[data-tema="gelap"] .hover\:text-blue-500:hover { color: #60a5fa; }
html[data-tema="gelap"] .hover\:text-blue-600:hover { color: #93c5fd; }
html[data-tema="gelap"] .hover\:text-blue-700:hover { color: #93c5fd; }
html[data-tema="gelap"] .hover\:text-blue-800:hover { color: #93c5fd; }
html[data-tema="gelap"] .hover\:text-blue-900:hover { color: #93c5fd; }
html[data-tema="gelap"] .focus\:bg-blue-50:focus { background-color: rgba(59, 130, 246, 0.1); }
html[data-tema="gelap"] .focus\:bg-blue-100:focus { background-color: rgba(59, 130, 246, 0.18); }
html[data-tema="gelap"] .focus\:bg-blue-200:focus { background-color: rgba(59, 130, 246, 0.28); }
html[data-tema="gelap"] .focus\:border-blue-50:focus { border-color: rgba(59, 130, 246, 0.16); }
html[data-tema="gelap"] .focus\:border-blue-100:focus { border-color: rgba(59, 130, 246, 0.24); }
html[data-tema="gelap"] .focus\:border-blue-200:focus { border-color: rgba(59, 130, 246, 0.38); }
html[data-tema="gelap"] .focus\:border-blue-300:focus { border-color: rgba(59, 130, 246, 0.5); }
html[data-tema="gelap"] .focus\:text-blue-500:focus { color: #60a5fa; }
html[data-tema="gelap"] .focus\:text-blue-600:focus { color: #93c5fd; }
html[data-tema="gelap"] .focus\:text-blue-700:focus { color: #93c5fd; }
html[data-tema="gelap"] .focus\:text-blue-800:focus { color: #93c5fd; }
html[data-tema="gelap"] .focus\:text-blue-900:focus { color: #93c5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-blue-500 { color: #60a5fa; }
html[data-tema="gelap"] .group:hover .group-hover\:text-blue-600 { color: #93c5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-blue-700 { color: #93c5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-blue-800 { color: #93c5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-blue-900 { color: #93c5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-blue-500 { color: #60a5fa; }
html[data-tema="gelap"] .group[open] .group-open\:text-blue-600 { color: #93c5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-blue-700 { color: #93c5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-blue-800 { color: #93c5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-blue-900 { color: #93c5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-blue-50 { background-color: rgba(59, 130, 246, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-blue-100 { background-color: rgba(59, 130, 246, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-blue-200 { background-color: rgba(59, 130, 246, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-blue-50 { border-color: rgba(59, 130, 246, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-blue-100 { border-color: rgba(59, 130, 246, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-blue-200 { border-color: rgba(59, 130, 246, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-blue-300 { border-color: rgba(59, 130, 246, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-blue-500 { color: #60a5fa; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-blue-600 { color: #93c5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-blue-700 { color: #93c5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-blue-800 { color: #93c5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-blue-900 { color: #93c5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-blue-50:has(:checked) { background-color: rgba(59, 130, 246, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-blue-100:has(:checked) { background-color: rgba(59, 130, 246, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-blue-200:has(:checked) { background-color: rgba(59, 130, 246, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-blue-50:has(:checked) { border-color: rgba(59, 130, 246, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-blue-100:has(:checked) { border-color: rgba(59, 130, 246, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-blue-200:has(:checked) { border-color: rgba(59, 130, 246, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-blue-300:has(:checked) { border-color: rgba(59, 130, 246, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-blue-500:has(:checked) { color: #60a5fa; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-blue-600:has(:checked) { color: #93c5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-blue-700:has(:checked) { color: #93c5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-blue-800:has(:checked) { color: #93c5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-blue-900:has(:checked) { color: #93c5fd; }
html[data-tema="gelap"] .from-blue-50 { --tw-gradient-from: rgba(59, 130, 246, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-blue-50 { --tw-gradient-to: rgba(59, 130, 246, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-blue-100 { --tw-gradient-from: rgba(59, 130, 246, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-blue-100 { --tw-gradient-to: rgba(59, 130, 246, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-blue-200 { --tw-gradient-from: rgba(59, 130, 246, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-blue-200 { --tw-gradient-to: rgba(59, 130, 246, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-indigo-50,
html[data-tema="gelap"] [class*="bg-indigo-50/"] { background-color: rgba(99, 102, 241, 0.1); }
html[data-tema="gelap"] .bg-indigo-100,
html[data-tema="gelap"] [class*="bg-indigo-100/"] { background-color: rgba(99, 102, 241, 0.18); }
html[data-tema="gelap"] .bg-indigo-200,
html[data-tema="gelap"] [class*="bg-indigo-200/"] { background-color: rgba(99, 102, 241, 0.28); }
html[data-tema="gelap"] .border-indigo-50,
html[data-tema="gelap"] [class*="border-indigo-50/"] { border-color: rgba(99, 102, 241, 0.16); }
html[data-tema="gelap"] .border-indigo-100,
html[data-tema="gelap"] [class*="border-indigo-100/"] { border-color: rgba(99, 102, 241, 0.24); }
html[data-tema="gelap"] .border-indigo-200,
html[data-tema="gelap"] [class*="border-indigo-200/"] { border-color: rgba(99, 102, 241, 0.38); }
html[data-tema="gelap"] .border-indigo-300,
html[data-tema="gelap"] [class*="border-indigo-300/"] { border-color: rgba(99, 102, 241, 0.5); }
html[data-tema="gelap"] .text-indigo-500,
html[data-tema="gelap"] [class*="text-indigo-500/"] { color: #818cf8; }
html[data-tema="gelap"] .text-indigo-600,
html[data-tema="gelap"] [class*="text-indigo-600/"] { color: #a5b4fc; }
html[data-tema="gelap"] .text-indigo-700,
html[data-tema="gelap"] [class*="text-indigo-700/"] { color: #a5b4fc; }
html[data-tema="gelap"] .text-indigo-800,
html[data-tema="gelap"] [class*="text-indigo-800/"] { color: #a5b4fc; }
html[data-tema="gelap"] .text-indigo-900,
html[data-tema="gelap"] [class*="text-indigo-900/"] { color: #a5b4fc; }
html[data-tema="gelap"] .hover\:bg-indigo-50:hover { background-color: rgba(99, 102, 241, 0.1); }
html[data-tema="gelap"] .hover\:bg-indigo-100:hover { background-color: rgba(99, 102, 241, 0.18); }
html[data-tema="gelap"] .hover\:bg-indigo-200:hover { background-color: rgba(99, 102, 241, 0.28); }
html[data-tema="gelap"] .hover\:border-indigo-50:hover { border-color: rgba(99, 102, 241, 0.16); }
html[data-tema="gelap"] .hover\:border-indigo-100:hover { border-color: rgba(99, 102, 241, 0.24); }
html[data-tema="gelap"] .hover\:border-indigo-200:hover { border-color: rgba(99, 102, 241, 0.38); }
html[data-tema="gelap"] .hover\:border-indigo-300:hover { border-color: rgba(99, 102, 241, 0.5); }
html[data-tema="gelap"] .hover\:text-indigo-500:hover { color: #818cf8; }
html[data-tema="gelap"] .hover\:text-indigo-600:hover { color: #a5b4fc; }
html[data-tema="gelap"] .hover\:text-indigo-700:hover { color: #a5b4fc; }
html[data-tema="gelap"] .hover\:text-indigo-800:hover { color: #a5b4fc; }
html[data-tema="gelap"] .hover\:text-indigo-900:hover { color: #a5b4fc; }
html[data-tema="gelap"] .focus\:bg-indigo-50:focus { background-color: rgba(99, 102, 241, 0.1); }
html[data-tema="gelap"] .focus\:bg-indigo-100:focus { background-color: rgba(99, 102, 241, 0.18); }
html[data-tema="gelap"] .focus\:bg-indigo-200:focus { background-color: rgba(99, 102, 241, 0.28); }
html[data-tema="gelap"] .focus\:border-indigo-50:focus { border-color: rgba(99, 102, 241, 0.16); }
html[data-tema="gelap"] .focus\:border-indigo-100:focus { border-color: rgba(99, 102, 241, 0.24); }
html[data-tema="gelap"] .focus\:border-indigo-200:focus { border-color: rgba(99, 102, 241, 0.38); }
html[data-tema="gelap"] .focus\:border-indigo-300:focus { border-color: rgba(99, 102, 241, 0.5); }
html[data-tema="gelap"] .focus\:text-indigo-500:focus { color: #818cf8; }
html[data-tema="gelap"] .focus\:text-indigo-600:focus { color: #a5b4fc; }
html[data-tema="gelap"] .focus\:text-indigo-700:focus { color: #a5b4fc; }
html[data-tema="gelap"] .focus\:text-indigo-800:focus { color: #a5b4fc; }
html[data-tema="gelap"] .focus\:text-indigo-900:focus { color: #a5b4fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-indigo-500 { color: #818cf8; }
html[data-tema="gelap"] .group:hover .group-hover\:text-indigo-600 { color: #a5b4fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-indigo-700 { color: #a5b4fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-indigo-800 { color: #a5b4fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-indigo-900 { color: #a5b4fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-indigo-500 { color: #818cf8; }
html[data-tema="gelap"] .group[open] .group-open\:text-indigo-600 { color: #a5b4fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-indigo-700 { color: #a5b4fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-indigo-800 { color: #a5b4fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-indigo-900 { color: #a5b4fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-indigo-50 { background-color: rgba(99, 102, 241, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-indigo-100 { background-color: rgba(99, 102, 241, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-indigo-200 { background-color: rgba(99, 102, 241, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-indigo-50 { border-color: rgba(99, 102, 241, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-indigo-100 { border-color: rgba(99, 102, 241, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-indigo-200 { border-color: rgba(99, 102, 241, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-indigo-300 { border-color: rgba(99, 102, 241, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-indigo-500 { color: #818cf8; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-indigo-600 { color: #a5b4fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-indigo-700 { color: #a5b4fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-indigo-800 { color: #a5b4fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-indigo-900 { color: #a5b4fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-indigo-50:has(:checked) { background-color: rgba(99, 102, 241, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-indigo-100:has(:checked) { background-color: rgba(99, 102, 241, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-indigo-200:has(:checked) { background-color: rgba(99, 102, 241, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-indigo-50:has(:checked) { border-color: rgba(99, 102, 241, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-indigo-100:has(:checked) { border-color: rgba(99, 102, 241, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-indigo-200:has(:checked) { border-color: rgba(99, 102, 241, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-indigo-300:has(:checked) { border-color: rgba(99, 102, 241, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-indigo-500:has(:checked) { color: #818cf8; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-indigo-600:has(:checked) { color: #a5b4fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-indigo-700:has(:checked) { color: #a5b4fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-indigo-800:has(:checked) { color: #a5b4fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-indigo-900:has(:checked) { color: #a5b4fc; }
html[data-tema="gelap"] .from-indigo-50 { --tw-gradient-from: rgba(99, 102, 241, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-indigo-50 { --tw-gradient-to: rgba(99, 102, 241, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-indigo-100 { --tw-gradient-from: rgba(99, 102, 241, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-indigo-100 { --tw-gradient-to: rgba(99, 102, 241, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-indigo-200 { --tw-gradient-from: rgba(99, 102, 241, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-indigo-200 { --tw-gradient-to: rgba(99, 102, 241, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-violet-50,
html[data-tema="gelap"] [class*="bg-violet-50/"] { background-color: rgba(139, 92, 246, 0.1); }
html[data-tema="gelap"] .bg-violet-100,
html[data-tema="gelap"] [class*="bg-violet-100/"] { background-color: rgba(139, 92, 246, 0.18); }
html[data-tema="gelap"] .bg-violet-200,
html[data-tema="gelap"] [class*="bg-violet-200/"] { background-color: rgba(139, 92, 246, 0.28); }
html[data-tema="gelap"] .border-violet-50,
html[data-tema="gelap"] [class*="border-violet-50/"] { border-color: rgba(139, 92, 246, 0.16); }
html[data-tema="gelap"] .border-violet-100,
html[data-tema="gelap"] [class*="border-violet-100/"] { border-color: rgba(139, 92, 246, 0.24); }
html[data-tema="gelap"] .border-violet-200,
html[data-tema="gelap"] [class*="border-violet-200/"] { border-color: rgba(139, 92, 246, 0.38); }
html[data-tema="gelap"] .border-violet-300,
html[data-tema="gelap"] [class*="border-violet-300/"] { border-color: rgba(139, 92, 246, 0.5); }
html[data-tema="gelap"] .text-violet-500,
html[data-tema="gelap"] [class*="text-violet-500/"] { color: #a78bfa; }
html[data-tema="gelap"] .text-violet-600,
html[data-tema="gelap"] [class*="text-violet-600/"] { color: #c4b5fd; }
html[data-tema="gelap"] .text-violet-700,
html[data-tema="gelap"] [class*="text-violet-700/"] { color: #c4b5fd; }
html[data-tema="gelap"] .text-violet-800,
html[data-tema="gelap"] [class*="text-violet-800/"] { color: #c4b5fd; }
html[data-tema="gelap"] .text-violet-900,
html[data-tema="gelap"] [class*="text-violet-900/"] { color: #c4b5fd; }
html[data-tema="gelap"] .hover\:bg-violet-50:hover { background-color: rgba(139, 92, 246, 0.1); }
html[data-tema="gelap"] .hover\:bg-violet-100:hover { background-color: rgba(139, 92, 246, 0.18); }
html[data-tema="gelap"] .hover\:bg-violet-200:hover { background-color: rgba(139, 92, 246, 0.28); }
html[data-tema="gelap"] .hover\:border-violet-50:hover { border-color: rgba(139, 92, 246, 0.16); }
html[data-tema="gelap"] .hover\:border-violet-100:hover { border-color: rgba(139, 92, 246, 0.24); }
html[data-tema="gelap"] .hover\:border-violet-200:hover { border-color: rgba(139, 92, 246, 0.38); }
html[data-tema="gelap"] .hover\:border-violet-300:hover { border-color: rgba(139, 92, 246, 0.5); }
html[data-tema="gelap"] .hover\:text-violet-500:hover { color: #a78bfa; }
html[data-tema="gelap"] .hover\:text-violet-600:hover { color: #c4b5fd; }
html[data-tema="gelap"] .hover\:text-violet-700:hover { color: #c4b5fd; }
html[data-tema="gelap"] .hover\:text-violet-800:hover { color: #c4b5fd; }
html[data-tema="gelap"] .hover\:text-violet-900:hover { color: #c4b5fd; }
html[data-tema="gelap"] .focus\:bg-violet-50:focus { background-color: rgba(139, 92, 246, 0.1); }
html[data-tema="gelap"] .focus\:bg-violet-100:focus { background-color: rgba(139, 92, 246, 0.18); }
html[data-tema="gelap"] .focus\:bg-violet-200:focus { background-color: rgba(139, 92, 246, 0.28); }
html[data-tema="gelap"] .focus\:border-violet-50:focus { border-color: rgba(139, 92, 246, 0.16); }
html[data-tema="gelap"] .focus\:border-violet-100:focus { border-color: rgba(139, 92, 246, 0.24); }
html[data-tema="gelap"] .focus\:border-violet-200:focus { border-color: rgba(139, 92, 246, 0.38); }
html[data-tema="gelap"] .focus\:border-violet-300:focus { border-color: rgba(139, 92, 246, 0.5); }
html[data-tema="gelap"] .focus\:text-violet-500:focus { color: #a78bfa; }
html[data-tema="gelap"] .focus\:text-violet-600:focus { color: #c4b5fd; }
html[data-tema="gelap"] .focus\:text-violet-700:focus { color: #c4b5fd; }
html[data-tema="gelap"] .focus\:text-violet-800:focus { color: #c4b5fd; }
html[data-tema="gelap"] .focus\:text-violet-900:focus { color: #c4b5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-violet-500 { color: #a78bfa; }
html[data-tema="gelap"] .group:hover .group-hover\:text-violet-600 { color: #c4b5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-violet-700 { color: #c4b5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-violet-800 { color: #c4b5fd; }
html[data-tema="gelap"] .group:hover .group-hover\:text-violet-900 { color: #c4b5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-violet-500 { color: #a78bfa; }
html[data-tema="gelap"] .group[open] .group-open\:text-violet-600 { color: #c4b5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-violet-700 { color: #c4b5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-violet-800 { color: #c4b5fd; }
html[data-tema="gelap"] .group[open] .group-open\:text-violet-900 { color: #c4b5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-violet-50 { background-color: rgba(139, 92, 246, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-violet-100 { background-color: rgba(139, 92, 246, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-violet-200 { background-color: rgba(139, 92, 246, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-violet-50 { border-color: rgba(139, 92, 246, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-violet-100 { border-color: rgba(139, 92, 246, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-violet-200 { border-color: rgba(139, 92, 246, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-violet-300 { border-color: rgba(139, 92, 246, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-violet-500 { color: #a78bfa; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-violet-600 { color: #c4b5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-violet-700 { color: #c4b5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-violet-800 { color: #c4b5fd; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-violet-900 { color: #c4b5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-violet-50:has(:checked) { background-color: rgba(139, 92, 246, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-violet-100:has(:checked) { background-color: rgba(139, 92, 246, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-violet-200:has(:checked) { background-color: rgba(139, 92, 246, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-violet-50:has(:checked) { border-color: rgba(139, 92, 246, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-violet-100:has(:checked) { border-color: rgba(139, 92, 246, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-violet-200:has(:checked) { border-color: rgba(139, 92, 246, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-violet-300:has(:checked) { border-color: rgba(139, 92, 246, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-violet-500:has(:checked) { color: #a78bfa; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-violet-600:has(:checked) { color: #c4b5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-violet-700:has(:checked) { color: #c4b5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-violet-800:has(:checked) { color: #c4b5fd; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-violet-900:has(:checked) { color: #c4b5fd; }
html[data-tema="gelap"] .from-violet-50 { --tw-gradient-from: rgba(139, 92, 246, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(139, 92, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-violet-50 { --tw-gradient-to: rgba(139, 92, 246, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-violet-100 { --tw-gradient-from: rgba(139, 92, 246, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(139, 92, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-violet-100 { --tw-gradient-to: rgba(139, 92, 246, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-violet-200 { --tw-gradient-from: rgba(139, 92, 246, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(139, 92, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-violet-200 { --tw-gradient-to: rgba(139, 92, 246, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-purple-50,
html[data-tema="gelap"] [class*="bg-purple-50/"] { background-color: rgba(168, 85, 247, 0.1); }
html[data-tema="gelap"] .bg-purple-100,
html[data-tema="gelap"] [class*="bg-purple-100/"] { background-color: rgba(168, 85, 247, 0.18); }
html[data-tema="gelap"] .bg-purple-200,
html[data-tema="gelap"] [class*="bg-purple-200/"] { background-color: rgba(168, 85, 247, 0.28); }
html[data-tema="gelap"] .border-purple-50,
html[data-tema="gelap"] [class*="border-purple-50/"] { border-color: rgba(168, 85, 247, 0.16); }
html[data-tema="gelap"] .border-purple-100,
html[data-tema="gelap"] [class*="border-purple-100/"] { border-color: rgba(168, 85, 247, 0.24); }
html[data-tema="gelap"] .border-purple-200,
html[data-tema="gelap"] [class*="border-purple-200/"] { border-color: rgba(168, 85, 247, 0.38); }
html[data-tema="gelap"] .border-purple-300,
html[data-tema="gelap"] [class*="border-purple-300/"] { border-color: rgba(168, 85, 247, 0.5); }
html[data-tema="gelap"] .text-purple-500,
html[data-tema="gelap"] [class*="text-purple-500/"] { color: #c084fc; }
html[data-tema="gelap"] .text-purple-600,
html[data-tema="gelap"] [class*="text-purple-600/"] { color: #d8b4fe; }
html[data-tema="gelap"] .text-purple-700,
html[data-tema="gelap"] [class*="text-purple-700/"] { color: #d8b4fe; }
html[data-tema="gelap"] .text-purple-800,
html[data-tema="gelap"] [class*="text-purple-800/"] { color: #d8b4fe; }
html[data-tema="gelap"] .text-purple-900,
html[data-tema="gelap"] [class*="text-purple-900/"] { color: #d8b4fe; }
html[data-tema="gelap"] .hover\:bg-purple-50:hover { background-color: rgba(168, 85, 247, 0.1); }
html[data-tema="gelap"] .hover\:bg-purple-100:hover { background-color: rgba(168, 85, 247, 0.18); }
html[data-tema="gelap"] .hover\:bg-purple-200:hover { background-color: rgba(168, 85, 247, 0.28); }
html[data-tema="gelap"] .hover\:border-purple-50:hover { border-color: rgba(168, 85, 247, 0.16); }
html[data-tema="gelap"] .hover\:border-purple-100:hover { border-color: rgba(168, 85, 247, 0.24); }
html[data-tema="gelap"] .hover\:border-purple-200:hover { border-color: rgba(168, 85, 247, 0.38); }
html[data-tema="gelap"] .hover\:border-purple-300:hover { border-color: rgba(168, 85, 247, 0.5); }
html[data-tema="gelap"] .hover\:text-purple-500:hover { color: #c084fc; }
html[data-tema="gelap"] .hover\:text-purple-600:hover { color: #d8b4fe; }
html[data-tema="gelap"] .hover\:text-purple-700:hover { color: #d8b4fe; }
html[data-tema="gelap"] .hover\:text-purple-800:hover { color: #d8b4fe; }
html[data-tema="gelap"] .hover\:text-purple-900:hover { color: #d8b4fe; }
html[data-tema="gelap"] .focus\:bg-purple-50:focus { background-color: rgba(168, 85, 247, 0.1); }
html[data-tema="gelap"] .focus\:bg-purple-100:focus { background-color: rgba(168, 85, 247, 0.18); }
html[data-tema="gelap"] .focus\:bg-purple-200:focus { background-color: rgba(168, 85, 247, 0.28); }
html[data-tema="gelap"] .focus\:border-purple-50:focus { border-color: rgba(168, 85, 247, 0.16); }
html[data-tema="gelap"] .focus\:border-purple-100:focus { border-color: rgba(168, 85, 247, 0.24); }
html[data-tema="gelap"] .focus\:border-purple-200:focus { border-color: rgba(168, 85, 247, 0.38); }
html[data-tema="gelap"] .focus\:border-purple-300:focus { border-color: rgba(168, 85, 247, 0.5); }
html[data-tema="gelap"] .focus\:text-purple-500:focus { color: #c084fc; }
html[data-tema="gelap"] .focus\:text-purple-600:focus { color: #d8b4fe; }
html[data-tema="gelap"] .focus\:text-purple-700:focus { color: #d8b4fe; }
html[data-tema="gelap"] .focus\:text-purple-800:focus { color: #d8b4fe; }
html[data-tema="gelap"] .focus\:text-purple-900:focus { color: #d8b4fe; }
html[data-tema="gelap"] .group:hover .group-hover\:text-purple-500 { color: #c084fc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-purple-600 { color: #d8b4fe; }
html[data-tema="gelap"] .group:hover .group-hover\:text-purple-700 { color: #d8b4fe; }
html[data-tema="gelap"] .group:hover .group-hover\:text-purple-800 { color: #d8b4fe; }
html[data-tema="gelap"] .group:hover .group-hover\:text-purple-900 { color: #d8b4fe; }
html[data-tema="gelap"] .group[open] .group-open\:text-purple-500 { color: #c084fc; }
html[data-tema="gelap"] .group[open] .group-open\:text-purple-600 { color: #d8b4fe; }
html[data-tema="gelap"] .group[open] .group-open\:text-purple-700 { color: #d8b4fe; }
html[data-tema="gelap"] .group[open] .group-open\:text-purple-800 { color: #d8b4fe; }
html[data-tema="gelap"] .group[open] .group-open\:text-purple-900 { color: #d8b4fe; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-purple-50 { background-color: rgba(168, 85, 247, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-purple-100 { background-color: rgba(168, 85, 247, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-purple-200 { background-color: rgba(168, 85, 247, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-purple-50 { border-color: rgba(168, 85, 247, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-purple-100 { border-color: rgba(168, 85, 247, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-purple-200 { border-color: rgba(168, 85, 247, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-purple-300 { border-color: rgba(168, 85, 247, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-purple-500 { color: #c084fc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-purple-600 { color: #d8b4fe; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-purple-700 { color: #d8b4fe; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-purple-800 { color: #d8b4fe; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-purple-900 { color: #d8b4fe; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-purple-50:has(:checked) { background-color: rgba(168, 85, 247, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-purple-100:has(:checked) { background-color: rgba(168, 85, 247, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-purple-200:has(:checked) { background-color: rgba(168, 85, 247, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-purple-50:has(:checked) { border-color: rgba(168, 85, 247, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-purple-100:has(:checked) { border-color: rgba(168, 85, 247, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-purple-200:has(:checked) { border-color: rgba(168, 85, 247, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-purple-300:has(:checked) { border-color: rgba(168, 85, 247, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-purple-500:has(:checked) { color: #c084fc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-purple-600:has(:checked) { color: #d8b4fe; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-purple-700:has(:checked) { color: #d8b4fe; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-purple-800:has(:checked) { color: #d8b4fe; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-purple-900:has(:checked) { color: #d8b4fe; }
html[data-tema="gelap"] .from-purple-50 { --tw-gradient-from: rgba(168, 85, 247, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(168, 85, 247, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-purple-50 { --tw-gradient-to: rgba(168, 85, 247, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-purple-100 { --tw-gradient-from: rgba(168, 85, 247, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(168, 85, 247, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-purple-100 { --tw-gradient-to: rgba(168, 85, 247, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-purple-200 { --tw-gradient-from: rgba(168, 85, 247, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(168, 85, 247, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-purple-200 { --tw-gradient-to: rgba(168, 85, 247, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-fuchsia-50,
html[data-tema="gelap"] [class*="bg-fuchsia-50/"] { background-color: rgba(217, 70, 239, 0.1); }
html[data-tema="gelap"] .bg-fuchsia-100,
html[data-tema="gelap"] [class*="bg-fuchsia-100/"] { background-color: rgba(217, 70, 239, 0.18); }
html[data-tema="gelap"] .bg-fuchsia-200,
html[data-tema="gelap"] [class*="bg-fuchsia-200/"] { background-color: rgba(217, 70, 239, 0.28); }
html[data-tema="gelap"] .border-fuchsia-50,
html[data-tema="gelap"] [class*="border-fuchsia-50/"] { border-color: rgba(217, 70, 239, 0.16); }
html[data-tema="gelap"] .border-fuchsia-100,
html[data-tema="gelap"] [class*="border-fuchsia-100/"] { border-color: rgba(217, 70, 239, 0.24); }
html[data-tema="gelap"] .border-fuchsia-200,
html[data-tema="gelap"] [class*="border-fuchsia-200/"] { border-color: rgba(217, 70, 239, 0.38); }
html[data-tema="gelap"] .border-fuchsia-300,
html[data-tema="gelap"] [class*="border-fuchsia-300/"] { border-color: rgba(217, 70, 239, 0.5); }
html[data-tema="gelap"] .text-fuchsia-500,
html[data-tema="gelap"] [class*="text-fuchsia-500/"] { color: #e879f9; }
html[data-tema="gelap"] .text-fuchsia-600,
html[data-tema="gelap"] [class*="text-fuchsia-600/"] { color: #f0abfc; }
html[data-tema="gelap"] .text-fuchsia-700,
html[data-tema="gelap"] [class*="text-fuchsia-700/"] { color: #f0abfc; }
html[data-tema="gelap"] .text-fuchsia-800,
html[data-tema="gelap"] [class*="text-fuchsia-800/"] { color: #f0abfc; }
html[data-tema="gelap"] .text-fuchsia-900,
html[data-tema="gelap"] [class*="text-fuchsia-900/"] { color: #f0abfc; }
html[data-tema="gelap"] .hover\:bg-fuchsia-50:hover { background-color: rgba(217, 70, 239, 0.1); }
html[data-tema="gelap"] .hover\:bg-fuchsia-100:hover { background-color: rgba(217, 70, 239, 0.18); }
html[data-tema="gelap"] .hover\:bg-fuchsia-200:hover { background-color: rgba(217, 70, 239, 0.28); }
html[data-tema="gelap"] .hover\:border-fuchsia-50:hover { border-color: rgba(217, 70, 239, 0.16); }
html[data-tema="gelap"] .hover\:border-fuchsia-100:hover { border-color: rgba(217, 70, 239, 0.24); }
html[data-tema="gelap"] .hover\:border-fuchsia-200:hover { border-color: rgba(217, 70, 239, 0.38); }
html[data-tema="gelap"] .hover\:border-fuchsia-300:hover { border-color: rgba(217, 70, 239, 0.5); }
html[data-tema="gelap"] .hover\:text-fuchsia-500:hover { color: #e879f9; }
html[data-tema="gelap"] .hover\:text-fuchsia-600:hover { color: #f0abfc; }
html[data-tema="gelap"] .hover\:text-fuchsia-700:hover { color: #f0abfc; }
html[data-tema="gelap"] .hover\:text-fuchsia-800:hover { color: #f0abfc; }
html[data-tema="gelap"] .hover\:text-fuchsia-900:hover { color: #f0abfc; }
html[data-tema="gelap"] .focus\:bg-fuchsia-50:focus { background-color: rgba(217, 70, 239, 0.1); }
html[data-tema="gelap"] .focus\:bg-fuchsia-100:focus { background-color: rgba(217, 70, 239, 0.18); }
html[data-tema="gelap"] .focus\:bg-fuchsia-200:focus { background-color: rgba(217, 70, 239, 0.28); }
html[data-tema="gelap"] .focus\:border-fuchsia-50:focus { border-color: rgba(217, 70, 239, 0.16); }
html[data-tema="gelap"] .focus\:border-fuchsia-100:focus { border-color: rgba(217, 70, 239, 0.24); }
html[data-tema="gelap"] .focus\:border-fuchsia-200:focus { border-color: rgba(217, 70, 239, 0.38); }
html[data-tema="gelap"] .focus\:border-fuchsia-300:focus { border-color: rgba(217, 70, 239, 0.5); }
html[data-tema="gelap"] .focus\:text-fuchsia-500:focus { color: #e879f9; }
html[data-tema="gelap"] .focus\:text-fuchsia-600:focus { color: #f0abfc; }
html[data-tema="gelap"] .focus\:text-fuchsia-700:focus { color: #f0abfc; }
html[data-tema="gelap"] .focus\:text-fuchsia-800:focus { color: #f0abfc; }
html[data-tema="gelap"] .focus\:text-fuchsia-900:focus { color: #f0abfc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-fuchsia-500 { color: #e879f9; }
html[data-tema="gelap"] .group:hover .group-hover\:text-fuchsia-600 { color: #f0abfc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-fuchsia-700 { color: #f0abfc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-fuchsia-800 { color: #f0abfc; }
html[data-tema="gelap"] .group:hover .group-hover\:text-fuchsia-900 { color: #f0abfc; }
html[data-tema="gelap"] .group[open] .group-open\:text-fuchsia-500 { color: #e879f9; }
html[data-tema="gelap"] .group[open] .group-open\:text-fuchsia-600 { color: #f0abfc; }
html[data-tema="gelap"] .group[open] .group-open\:text-fuchsia-700 { color: #f0abfc; }
html[data-tema="gelap"] .group[open] .group-open\:text-fuchsia-800 { color: #f0abfc; }
html[data-tema="gelap"] .group[open] .group-open\:text-fuchsia-900 { color: #f0abfc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-fuchsia-50 { background-color: rgba(217, 70, 239, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-fuchsia-100 { background-color: rgba(217, 70, 239, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-fuchsia-200 { background-color: rgba(217, 70, 239, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-fuchsia-50 { border-color: rgba(217, 70, 239, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-fuchsia-100 { border-color: rgba(217, 70, 239, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-fuchsia-200 { border-color: rgba(217, 70, 239, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-fuchsia-300 { border-color: rgba(217, 70, 239, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-fuchsia-500 { color: #e879f9; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-fuchsia-600 { color: #f0abfc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-fuchsia-700 { color: #f0abfc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-fuchsia-800 { color: #f0abfc; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-fuchsia-900 { color: #f0abfc; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-fuchsia-50:has(:checked) { background-color: rgba(217, 70, 239, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-fuchsia-100:has(:checked) { background-color: rgba(217, 70, 239, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-fuchsia-200:has(:checked) { background-color: rgba(217, 70, 239, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-fuchsia-50:has(:checked) { border-color: rgba(217, 70, 239, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-fuchsia-100:has(:checked) { border-color: rgba(217, 70, 239, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-fuchsia-200:has(:checked) { border-color: rgba(217, 70, 239, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-fuchsia-300:has(:checked) { border-color: rgba(217, 70, 239, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-fuchsia-500:has(:checked) { color: #e879f9; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-fuchsia-600:has(:checked) { color: #f0abfc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-fuchsia-700:has(:checked) { color: #f0abfc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-fuchsia-800:has(:checked) { color: #f0abfc; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-fuchsia-900:has(:checked) { color: #f0abfc; }
html[data-tema="gelap"] .from-fuchsia-50 { --tw-gradient-from: rgba(217, 70, 239, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(217, 70, 239, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-fuchsia-50 { --tw-gradient-to: rgba(217, 70, 239, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-fuchsia-100 { --tw-gradient-from: rgba(217, 70, 239, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(217, 70, 239, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-fuchsia-100 { --tw-gradient-to: rgba(217, 70, 239, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-fuchsia-200 { --tw-gradient-from: rgba(217, 70, 239, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(217, 70, 239, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-fuchsia-200 { --tw-gradient-to: rgba(217, 70, 239, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-pink-50,
html[data-tema="gelap"] [class*="bg-pink-50/"] { background-color: rgba(236, 72, 153, 0.1); }
html[data-tema="gelap"] .bg-pink-100,
html[data-tema="gelap"] [class*="bg-pink-100/"] { background-color: rgba(236, 72, 153, 0.18); }
html[data-tema="gelap"] .bg-pink-200,
html[data-tema="gelap"] [class*="bg-pink-200/"] { background-color: rgba(236, 72, 153, 0.28); }
html[data-tema="gelap"] .border-pink-50,
html[data-tema="gelap"] [class*="border-pink-50/"] { border-color: rgba(236, 72, 153, 0.16); }
html[data-tema="gelap"] .border-pink-100,
html[data-tema="gelap"] [class*="border-pink-100/"] { border-color: rgba(236, 72, 153, 0.24); }
html[data-tema="gelap"] .border-pink-200,
html[data-tema="gelap"] [class*="border-pink-200/"] { border-color: rgba(236, 72, 153, 0.38); }
html[data-tema="gelap"] .border-pink-300,
html[data-tema="gelap"] [class*="border-pink-300/"] { border-color: rgba(236, 72, 153, 0.5); }
html[data-tema="gelap"] .text-pink-500,
html[data-tema="gelap"] [class*="text-pink-500/"] { color: #f472b6; }
html[data-tema="gelap"] .text-pink-600,
html[data-tema="gelap"] [class*="text-pink-600/"] { color: #f9a8d4; }
html[data-tema="gelap"] .text-pink-700,
html[data-tema="gelap"] [class*="text-pink-700/"] { color: #f9a8d4; }
html[data-tema="gelap"] .text-pink-800,
html[data-tema="gelap"] [class*="text-pink-800/"] { color: #f9a8d4; }
html[data-tema="gelap"] .text-pink-900,
html[data-tema="gelap"] [class*="text-pink-900/"] { color: #f9a8d4; }
html[data-tema="gelap"] .hover\:bg-pink-50:hover { background-color: rgba(236, 72, 153, 0.1); }
html[data-tema="gelap"] .hover\:bg-pink-100:hover { background-color: rgba(236, 72, 153, 0.18); }
html[data-tema="gelap"] .hover\:bg-pink-200:hover { background-color: rgba(236, 72, 153, 0.28); }
html[data-tema="gelap"] .hover\:border-pink-50:hover { border-color: rgba(236, 72, 153, 0.16); }
html[data-tema="gelap"] .hover\:border-pink-100:hover { border-color: rgba(236, 72, 153, 0.24); }
html[data-tema="gelap"] .hover\:border-pink-200:hover { border-color: rgba(236, 72, 153, 0.38); }
html[data-tema="gelap"] .hover\:border-pink-300:hover { border-color: rgba(236, 72, 153, 0.5); }
html[data-tema="gelap"] .hover\:text-pink-500:hover { color: #f472b6; }
html[data-tema="gelap"] .hover\:text-pink-600:hover { color: #f9a8d4; }
html[data-tema="gelap"] .hover\:text-pink-700:hover { color: #f9a8d4; }
html[data-tema="gelap"] .hover\:text-pink-800:hover { color: #f9a8d4; }
html[data-tema="gelap"] .hover\:text-pink-900:hover { color: #f9a8d4; }
html[data-tema="gelap"] .focus\:bg-pink-50:focus { background-color: rgba(236, 72, 153, 0.1); }
html[data-tema="gelap"] .focus\:bg-pink-100:focus { background-color: rgba(236, 72, 153, 0.18); }
html[data-tema="gelap"] .focus\:bg-pink-200:focus { background-color: rgba(236, 72, 153, 0.28); }
html[data-tema="gelap"] .focus\:border-pink-50:focus { border-color: rgba(236, 72, 153, 0.16); }
html[data-tema="gelap"] .focus\:border-pink-100:focus { border-color: rgba(236, 72, 153, 0.24); }
html[data-tema="gelap"] .focus\:border-pink-200:focus { border-color: rgba(236, 72, 153, 0.38); }
html[data-tema="gelap"] .focus\:border-pink-300:focus { border-color: rgba(236, 72, 153, 0.5); }
html[data-tema="gelap"] .focus\:text-pink-500:focus { color: #f472b6; }
html[data-tema="gelap"] .focus\:text-pink-600:focus { color: #f9a8d4; }
html[data-tema="gelap"] .focus\:text-pink-700:focus { color: #f9a8d4; }
html[data-tema="gelap"] .focus\:text-pink-800:focus { color: #f9a8d4; }
html[data-tema="gelap"] .focus\:text-pink-900:focus { color: #f9a8d4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-pink-500 { color: #f472b6; }
html[data-tema="gelap"] .group:hover .group-hover\:text-pink-600 { color: #f9a8d4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-pink-700 { color: #f9a8d4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-pink-800 { color: #f9a8d4; }
html[data-tema="gelap"] .group:hover .group-hover\:text-pink-900 { color: #f9a8d4; }
html[data-tema="gelap"] .group[open] .group-open\:text-pink-500 { color: #f472b6; }
html[data-tema="gelap"] .group[open] .group-open\:text-pink-600 { color: #f9a8d4; }
html[data-tema="gelap"] .group[open] .group-open\:text-pink-700 { color: #f9a8d4; }
html[data-tema="gelap"] .group[open] .group-open\:text-pink-800 { color: #f9a8d4; }
html[data-tema="gelap"] .group[open] .group-open\:text-pink-900 { color: #f9a8d4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-pink-50 { background-color: rgba(236, 72, 153, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-pink-100 { background-color: rgba(236, 72, 153, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-pink-200 { background-color: rgba(236, 72, 153, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-pink-50 { border-color: rgba(236, 72, 153, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-pink-100 { border-color: rgba(236, 72, 153, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-pink-200 { border-color: rgba(236, 72, 153, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-pink-300 { border-color: rgba(236, 72, 153, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-pink-500 { color: #f472b6; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-pink-600 { color: #f9a8d4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-pink-700 { color: #f9a8d4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-pink-800 { color: #f9a8d4; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-pink-900 { color: #f9a8d4; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-pink-50:has(:checked) { background-color: rgba(236, 72, 153, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-pink-100:has(:checked) { background-color: rgba(236, 72, 153, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-pink-200:has(:checked) { background-color: rgba(236, 72, 153, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-pink-50:has(:checked) { border-color: rgba(236, 72, 153, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-pink-100:has(:checked) { border-color: rgba(236, 72, 153, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-pink-200:has(:checked) { border-color: rgba(236, 72, 153, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-pink-300:has(:checked) { border-color: rgba(236, 72, 153, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-pink-500:has(:checked) { color: #f472b6; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-pink-600:has(:checked) { color: #f9a8d4; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-pink-700:has(:checked) { color: #f9a8d4; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-pink-800:has(:checked) { color: #f9a8d4; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-pink-900:has(:checked) { color: #f9a8d4; }
html[data-tema="gelap"] .from-pink-50 { --tw-gradient-from: rgba(236, 72, 153, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(236, 72, 153, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-pink-50 { --tw-gradient-to: rgba(236, 72, 153, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-pink-100 { --tw-gradient-from: rgba(236, 72, 153, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(236, 72, 153, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-pink-100 { --tw-gradient-to: rgba(236, 72, 153, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-pink-200 { --tw-gradient-from: rgba(236, 72, 153, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(236, 72, 153, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-pink-200 { --tw-gradient-to: rgba(236, 72, 153, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-rose-50,
html[data-tema="gelap"] [class*="bg-rose-50/"] { background-color: rgba(244, 63, 94, 0.1); }
html[data-tema="gelap"] .bg-rose-100,
html[data-tema="gelap"] [class*="bg-rose-100/"] { background-color: rgba(244, 63, 94, 0.18); }
html[data-tema="gelap"] .bg-rose-200,
html[data-tema="gelap"] [class*="bg-rose-200/"] { background-color: rgba(244, 63, 94, 0.28); }
html[data-tema="gelap"] .border-rose-50,
html[data-tema="gelap"] [class*="border-rose-50/"] { border-color: rgba(244, 63, 94, 0.16); }
html[data-tema="gelap"] .border-rose-100,
html[data-tema="gelap"] [class*="border-rose-100/"] { border-color: rgba(244, 63, 94, 0.24); }
html[data-tema="gelap"] .border-rose-200,
html[data-tema="gelap"] [class*="border-rose-200/"] { border-color: rgba(244, 63, 94, 0.38); }
html[data-tema="gelap"] .border-rose-300,
html[data-tema="gelap"] [class*="border-rose-300/"] { border-color: rgba(244, 63, 94, 0.5); }
html[data-tema="gelap"] .text-rose-500,
html[data-tema="gelap"] [class*="text-rose-500/"] { color: #fb7185; }
html[data-tema="gelap"] .text-rose-600,
html[data-tema="gelap"] [class*="text-rose-600/"] { color: #fda4af; }
html[data-tema="gelap"] .text-rose-700,
html[data-tema="gelap"] [class*="text-rose-700/"] { color: #fda4af; }
html[data-tema="gelap"] .text-rose-800,
html[data-tema="gelap"] [class*="text-rose-800/"] { color: #fda4af; }
html[data-tema="gelap"] .text-rose-900,
html[data-tema="gelap"] [class*="text-rose-900/"] { color: #fda4af; }
html[data-tema="gelap"] .hover\:bg-rose-50:hover { background-color: rgba(244, 63, 94, 0.1); }
html[data-tema="gelap"] .hover\:bg-rose-100:hover { background-color: rgba(244, 63, 94, 0.18); }
html[data-tema="gelap"] .hover\:bg-rose-200:hover { background-color: rgba(244, 63, 94, 0.28); }
html[data-tema="gelap"] .hover\:border-rose-50:hover { border-color: rgba(244, 63, 94, 0.16); }
html[data-tema="gelap"] .hover\:border-rose-100:hover { border-color: rgba(244, 63, 94, 0.24); }
html[data-tema="gelap"] .hover\:border-rose-200:hover { border-color: rgba(244, 63, 94, 0.38); }
html[data-tema="gelap"] .hover\:border-rose-300:hover { border-color: rgba(244, 63, 94, 0.5); }
html[data-tema="gelap"] .hover\:text-rose-500:hover { color: #fb7185; }
html[data-tema="gelap"] .hover\:text-rose-600:hover { color: #fda4af; }
html[data-tema="gelap"] .hover\:text-rose-700:hover { color: #fda4af; }
html[data-tema="gelap"] .hover\:text-rose-800:hover { color: #fda4af; }
html[data-tema="gelap"] .hover\:text-rose-900:hover { color: #fda4af; }
html[data-tema="gelap"] .focus\:bg-rose-50:focus { background-color: rgba(244, 63, 94, 0.1); }
html[data-tema="gelap"] .focus\:bg-rose-100:focus { background-color: rgba(244, 63, 94, 0.18); }
html[data-tema="gelap"] .focus\:bg-rose-200:focus { background-color: rgba(244, 63, 94, 0.28); }
html[data-tema="gelap"] .focus\:border-rose-50:focus { border-color: rgba(244, 63, 94, 0.16); }
html[data-tema="gelap"] .focus\:border-rose-100:focus { border-color: rgba(244, 63, 94, 0.24); }
html[data-tema="gelap"] .focus\:border-rose-200:focus { border-color: rgba(244, 63, 94, 0.38); }
html[data-tema="gelap"] .focus\:border-rose-300:focus { border-color: rgba(244, 63, 94, 0.5); }
html[data-tema="gelap"] .focus\:text-rose-500:focus { color: #fb7185; }
html[data-tema="gelap"] .focus\:text-rose-600:focus { color: #fda4af; }
html[data-tema="gelap"] .focus\:text-rose-700:focus { color: #fda4af; }
html[data-tema="gelap"] .focus\:text-rose-800:focus { color: #fda4af; }
html[data-tema="gelap"] .focus\:text-rose-900:focus { color: #fda4af; }
html[data-tema="gelap"] .group:hover .group-hover\:text-rose-500 { color: #fb7185; }
html[data-tema="gelap"] .group:hover .group-hover\:text-rose-600 { color: #fda4af; }
html[data-tema="gelap"] .group:hover .group-hover\:text-rose-700 { color: #fda4af; }
html[data-tema="gelap"] .group:hover .group-hover\:text-rose-800 { color: #fda4af; }
html[data-tema="gelap"] .group:hover .group-hover\:text-rose-900 { color: #fda4af; }
html[data-tema="gelap"] .group[open] .group-open\:text-rose-500 { color: #fb7185; }
html[data-tema="gelap"] .group[open] .group-open\:text-rose-600 { color: #fda4af; }
html[data-tema="gelap"] .group[open] .group-open\:text-rose-700 { color: #fda4af; }
html[data-tema="gelap"] .group[open] .group-open\:text-rose-800 { color: #fda4af; }
html[data-tema="gelap"] .group[open] .group-open\:text-rose-900 { color: #fda4af; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-rose-50 { background-color: rgba(244, 63, 94, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-rose-100 { background-color: rgba(244, 63, 94, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-rose-200 { background-color: rgba(244, 63, 94, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-rose-50 { border-color: rgba(244, 63, 94, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-rose-100 { border-color: rgba(244, 63, 94, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-rose-200 { border-color: rgba(244, 63, 94, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-rose-300 { border-color: rgba(244, 63, 94, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-rose-500 { color: #fb7185; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-rose-600 { color: #fda4af; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-rose-700 { color: #fda4af; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-rose-800 { color: #fda4af; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-rose-900 { color: #fda4af; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-rose-50:has(:checked) { background-color: rgba(244, 63, 94, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-rose-100:has(:checked) { background-color: rgba(244, 63, 94, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-rose-200:has(:checked) { background-color: rgba(244, 63, 94, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-rose-50:has(:checked) { border-color: rgba(244, 63, 94, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-rose-100:has(:checked) { border-color: rgba(244, 63, 94, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-rose-200:has(:checked) { border-color: rgba(244, 63, 94, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-rose-300:has(:checked) { border-color: rgba(244, 63, 94, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-rose-500:has(:checked) { color: #fb7185; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-rose-600:has(:checked) { color: #fda4af; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-rose-700:has(:checked) { color: #fda4af; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-rose-800:has(:checked) { color: #fda4af; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-rose-900:has(:checked) { color: #fda4af; }
html[data-tema="gelap"] .from-rose-50 { --tw-gradient-from: rgba(244, 63, 94, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(244, 63, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-rose-50 { --tw-gradient-to: rgba(244, 63, 94, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-rose-100 { --tw-gradient-from: rgba(244, 63, 94, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(244, 63, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-rose-100 { --tw-gradient-to: rgba(244, 63, 94, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-rose-200 { --tw-gradient-from: rgba(244, 63, 94, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(244, 63, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-rose-200 { --tw-gradient-to: rgba(244, 63, 94, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .bg-tadib-50,
html[data-tema="gelap"] [class*="bg-tadib-50/"] { background-color: rgba(34, 160, 107, 0.1); }
html[data-tema="gelap"] .bg-tadib-100,
html[data-tema="gelap"] [class*="bg-tadib-100/"] { background-color: rgba(34, 160, 107, 0.18); }
html[data-tema="gelap"] .bg-tadib-200,
html[data-tema="gelap"] [class*="bg-tadib-200/"] { background-color: rgba(34, 160, 107, 0.28); }
html[data-tema="gelap"] .border-tadib-50,
html[data-tema="gelap"] [class*="border-tadib-50/"] { border-color: rgba(34, 160, 107, 0.16); }
html[data-tema="gelap"] .border-tadib-100,
html[data-tema="gelap"] [class*="border-tadib-100/"] { border-color: rgba(34, 160, 107, 0.24); }
html[data-tema="gelap"] .border-tadib-200,
html[data-tema="gelap"] [class*="border-tadib-200/"] { border-color: rgba(34, 160, 107, 0.38); }
html[data-tema="gelap"] .border-tadib-300,
html[data-tema="gelap"] [class*="border-tadib-300/"] { border-color: rgba(34, 160, 107, 0.5); }
html[data-tema="gelap"] .text-tadib-500,
html[data-tema="gelap"] [class*="text-tadib-500/"] { color: #34d399; }
html[data-tema="gelap"] .text-tadib-600,
html[data-tema="gelap"] [class*="text-tadib-600/"] { color: #6ee7b7; }
html[data-tema="gelap"] .text-tadib-700,
html[data-tema="gelap"] [class*="text-tadib-700/"] { color: #6ee7b7; }
html[data-tema="gelap"] .text-tadib-800,
html[data-tema="gelap"] [class*="text-tadib-800/"] { color: #6ee7b7; }
html[data-tema="gelap"] .text-tadib-900,
html[data-tema="gelap"] [class*="text-tadib-900/"] { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:bg-tadib-50:hover { background-color: rgba(34, 160, 107, 0.1); }
html[data-tema="gelap"] .hover\:bg-tadib-100:hover { background-color: rgba(34, 160, 107, 0.18); }
html[data-tema="gelap"] .hover\:bg-tadib-200:hover { background-color: rgba(34, 160, 107, 0.28); }
html[data-tema="gelap"] .hover\:border-tadib-50:hover { border-color: rgba(34, 160, 107, 0.16); }
html[data-tema="gelap"] .hover\:border-tadib-100:hover { border-color: rgba(34, 160, 107, 0.24); }
html[data-tema="gelap"] .hover\:border-tadib-200:hover { border-color: rgba(34, 160, 107, 0.38); }
html[data-tema="gelap"] .hover\:border-tadib-300:hover { border-color: rgba(34, 160, 107, 0.5); }
html[data-tema="gelap"] .hover\:text-tadib-500:hover { color: #34d399; }
html[data-tema="gelap"] .hover\:text-tadib-600:hover { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:text-tadib-700:hover { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:text-tadib-800:hover { color: #6ee7b7; }
html[data-tema="gelap"] .hover\:text-tadib-900:hover { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:bg-tadib-50:focus { background-color: rgba(34, 160, 107, 0.1); }
html[data-tema="gelap"] .focus\:bg-tadib-100:focus { background-color: rgba(34, 160, 107, 0.18); }
html[data-tema="gelap"] .focus\:bg-tadib-200:focus { background-color: rgba(34, 160, 107, 0.28); }
html[data-tema="gelap"] .focus\:border-tadib-50:focus { border-color: rgba(34, 160, 107, 0.16); }
html[data-tema="gelap"] .focus\:border-tadib-100:focus { border-color: rgba(34, 160, 107, 0.24); }
html[data-tema="gelap"] .focus\:border-tadib-200:focus { border-color: rgba(34, 160, 107, 0.38); }
html[data-tema="gelap"] .focus\:border-tadib-300:focus { border-color: rgba(34, 160, 107, 0.5); }
html[data-tema="gelap"] .focus\:text-tadib-500:focus { color: #34d399; }
html[data-tema="gelap"] .focus\:text-tadib-600:focus { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:text-tadib-700:focus { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:text-tadib-800:focus { color: #6ee7b7; }
html[data-tema="gelap"] .focus\:text-tadib-900:focus { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-tadib-500 { color: #34d399; }
html[data-tema="gelap"] .group:hover .group-hover\:text-tadib-600 { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-tadib-700 { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-tadib-800 { color: #6ee7b7; }
html[data-tema="gelap"] .group:hover .group-hover\:text-tadib-900 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-tadib-500 { color: #34d399; }
html[data-tema="gelap"] .group[open] .group-open\:text-tadib-600 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-tadib-700 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-tadib-800 { color: #6ee7b7; }
html[data-tema="gelap"] .group[open] .group-open\:text-tadib-900 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-tadib-50 { background-color: rgba(34, 160, 107, 0.1); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-tadib-100 { background-color: rgba(34, 160, 107, 0.18); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:bg-tadib-200 { background-color: rgba(34, 160, 107, 0.28); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-tadib-50 { border-color: rgba(34, 160, 107, 0.16); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-tadib-100 { border-color: rgba(34, 160, 107, 0.24); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-tadib-200 { border-color: rgba(34, 160, 107, 0.38); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:border-tadib-300 { border-color: rgba(34, 160, 107, 0.5); }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-tadib-500 { color: #34d399; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-tadib-600 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-tadib-700 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-tadib-800 { color: #6ee7b7; }
html[data-tema="gelap"] .peer:checked ~ .peer-checked\:text-tadib-900 { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-tadib-50:has(:checked) { background-color: rgba(34, 160, 107, 0.1); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-tadib-100:has(:checked) { background-color: rgba(34, 160, 107, 0.18); }
html[data-tema="gelap"] .has-\[\:checked\]\:bg-tadib-200:has(:checked) { background-color: rgba(34, 160, 107, 0.28); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-tadib-50:has(:checked) { border-color: rgba(34, 160, 107, 0.16); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-tadib-100:has(:checked) { border-color: rgba(34, 160, 107, 0.24); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-tadib-200:has(:checked) { border-color: rgba(34, 160, 107, 0.38); }
html[data-tema="gelap"] .has-\[\:checked\]\:border-tadib-300:has(:checked) { border-color: rgba(34, 160, 107, 0.5); }
html[data-tema="gelap"] .has-\[\:checked\]\:text-tadib-500:has(:checked) { color: #34d399; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-tadib-600:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-tadib-700:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-tadib-800:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .has-\[\:checked\]\:text-tadib-900:has(:checked) { color: #6ee7b7; }
html[data-tema="gelap"] .from-tadib-50 { --tw-gradient-from: rgba(34, 160, 107, 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 160, 107, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-tadib-50 { --tw-gradient-to: rgba(34, 160, 107, 0.1) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-tadib-100 { --tw-gradient-from: rgba(34, 160, 107, 0.18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 160, 107, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-tadib-100 { --tw-gradient-to: rgba(34, 160, 107, 0.18) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .from-tadib-200 { --tw-gradient-from: rgba(34, 160, 107, 0.28) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 160, 107, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-tadib-200 { --tw-gradient-to: rgba(34, 160, 107, 0.28) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .hover\:bg-slate-50:hover,
html[data-tema="gelap"] .hover\:bg-slate-100:hover,
html[data-tema="gelap"] .hover\:bg-gray-100:hover { background-color: var(--g-surface-2); }
html[data-tema="gelap"] .hover\:bg-slate-200:hover,
html[data-tema="gelap"] .hover\:bg-gray-200:hover { background-color: #25324d; }
html[data-tema="gelap"] .border-slate-300,
html[data-tema="gelap"] .border-slate-400,
html[data-tema="gelap"] .hover\:border-gray-300:hover { border-color: var(--g-border-kuat); }
html[data-tema="gelap"] .border-gray-50,
html[data-tema="gelap"] .border-slate-50 { border-color: #1b2539; }
html[data-tema="gelap"] .hover\:text-slate-700:hover,
html[data-tema="gelap"] .hover\:text-slate-900:hover,
html[data-tema="gelap"] .hover\:text-gray-900:hover { color: var(--g-teks); }
html[data-tema="gelap"] [class*="bg-gray-50/"],
html[data-tema="gelap"] [class*="bg-slate-50/"],
html[data-tema="gelap"] [class*="bg-gray-100/"] { background-color: rgba(255, 255, 255, .04); }
html[data-tema="gelap"] .from-slate-50, html[data-tema="gelap"] .from-gray-50 { --tw-gradient-from: var(--g-bg) var(--tw-gradient-from-position); --tw-gradient-to: rgba(11, 18, 32, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="gelap"] .to-slate-50, html[data-tema="gelap"] .to-gray-50 { --tw-gradient-to: var(--g-bg) var(--tw-gradient-to-position); }
/* MATRIKS-AKHIR */

/* ── Dasar ─────────────────────────────────────────────────────────── */
html[data-tema="gelap"] body { background: var(--g-bg); color: var(--g-teks); }

/* Permukaan */
html[data-tema="gelap"] .bg-white { background-color: var(--g-surface); }
html[data-tema="gelap"] [class*="bg-white/"] { background-color: rgba(11, 18, 32, .82); }
html[data-tema="gelap"] .bg-gray-50,
html[data-tema="gelap"] .bg-slate-50 { background-color: var(--g-bg); }
html[data-tema="gelap"] .bg-gray-100,
html[data-tema="gelap"] .bg-slate-100 { background-color: var(--g-surface-2); }
html[data-tema="gelap"] .bg-gray-200,
html[data-tema="gelap"] .bg-slate-200 { background-color: #25324d; }
html[data-tema="gelap"] .bg-gray-300 { background-color: #34425f; }
html[data-tema="gelap"] .hover\:bg-gray-50:hover,
html[data-tema="gelap"] .hover\:bg-gray-100:hover { background-color: var(--g-surface-2); }

/* Teks — dari paling kuat ke paling pudar; semuanya ≥ 4.5:1 di atas --g-surface */
html[data-tema="gelap"] .text-gray-900,
html[data-tema="gelap"] .text-gray-800,
html[data-tema="gelap"] .text-slate-900,
html[data-tema="gelap"] .text-slate-800 { color: var(--g-teks); }
html[data-tema="gelap"] .text-gray-700,
html[data-tema="gelap"] .text-slate-700 { color: var(--g-teks-2); }
html[data-tema="gelap"] .text-gray-600,
html[data-tema="gelap"] .text-slate-600,
html[data-tema="gelap"] .text-gray-500,
html[data-tema="gelap"] .text-slate-500,
html[data-tema="gelap"] .text-gray-400,
html[data-tema="gelap"] .text-slate-400 { color: var(--g-teks-3); }
html[data-tema="gelap"] .hover\:text-gray-600:hover,
html[data-tema="gelap"] .hover\:text-gray-700:hover { color: var(--g-teks); }
html[data-tema="gelap"] .placeholder-gray-400::placeholder,
html[data-tema="gelap"] ::placeholder { color: #75839a; }

/* Garis */
html[data-tema="gelap"] .border-gray-100,
html[data-tema="gelap"] .border-slate-100 { border-color: #1f2a40; }
html[data-tema="gelap"] .border-gray-200,
html[data-tema="gelap"] .border-slate-200 { border-color: var(--g-border); }
html[data-tema="gelap"] .border-gray-300,
html[data-tema="gelap"] .border-gray-400 { border-color: var(--g-border-kuat); }
html[data-tema="gelap"] .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html[data-tema="gelap"] .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--g-border); }
html[data-tema="gelap"] .ring-black\/5 { --tw-ring-color: rgba(255, 255, 255, .08); }

/* Hijau merek: tadib-600/700 di atas gelap kurang terbaca sebagai TEKS,
   jadi teksnya diterangkan; latar tombol (bg-tadib-600 + text-white) dibiarkan. */
html[data-tema="gelap"] .text-tadib-800,
html[data-tema="gelap"] .text-tadib-700 { color: #6ee7b7; }
html[data-tema="gelap"] .text-tadib-600,
html[data-tema="gelap"] .hover\:text-tadib-600:hover,
html[data-tema="gelap"] .hover\:text-tadib-700:hover { color: #34d399; }
html[data-tema="gelap"] .bg-tadib-50 { background-color: rgba(34, 160, 107, .12); }
html[data-tema="gelap"] .bg-tadib-100 { background-color: rgba(34, 160, 107, .22); }
html[data-tema="gelap"] .hover\:bg-tadib-50:hover { background-color: rgba(34, 160, 107, .18); }
html[data-tema="gelap"] .border-tadib-200,
html[data-tema="gelap"] .border-tadib-300,
html[data-tema="gelap"] .hover\:border-tadib-300:hover,
html[data-tema="gelap"] .hover\:border-tadib-400:hover { border-color: rgba(52, 211, 153, .5); }

/* Kuning, hijau, merah, biru: latar pastel jadi tinta tipis, teks jadi terang */
html[data-tema="gelap"] .bg-amber-50,
html[data-tema="gelap"] .bg-yellow-50 { background-color: rgba(245, 158, 11, .10); }
html[data-tema="gelap"] .bg-amber-100,
html[data-tema="gelap"] .hover\:bg-amber-100:hover { background-color: rgba(245, 158, 11, .20); }
html[data-tema="gelap"] .border-amber-200,
html[data-tema="gelap"] .border-amber-300 { border-color: rgba(245, 158, 11, .38); }
html[data-tema="gelap"] .text-amber-600,
html[data-tema="gelap"] .text-amber-700,
html[data-tema="gelap"] .text-amber-800,
html[data-tema="gelap"] .text-amber-900,
html[data-tema="gelap"] .hover\:text-amber-900:hover { color: #fcd34d; }

html[data-tema="gelap"] .bg-emerald-50,
html[data-tema="gelap"] .bg-green-50 { background-color: rgba(16, 185, 129, .11); }
html[data-tema="gelap"] .bg-emerald-100,
html[data-tema="gelap"] .bg-green-100 { background-color: rgba(16, 185, 129, .20); }
html[data-tema="gelap"] .border-emerald-200,
html[data-tema="gelap"] .border-green-200 { border-color: rgba(16, 185, 129, .38); }
html[data-tema="gelap"] .text-emerald-600,
html[data-tema="gelap"] .text-emerald-700,
html[data-tema="gelap"] .text-emerald-800,
html[data-tema="gelap"] .text-green-600,
html[data-tema="gelap"] .text-green-700,
html[data-tema="gelap"] .text-green-800 { color: #6ee7b7; }

html[data-tema="gelap"] .bg-red-50,
html[data-tema="gelap"] .hover\:bg-red-50:hover { background-color: rgba(239, 68, 68, .12); }
html[data-tema="gelap"] .bg-red-100 { background-color: rgba(239, 68, 68, .22); }
html[data-tema="gelap"] .border-red-200,
html[data-tema="gelap"] .hover\:border-red-200:hover { border-color: rgba(239, 68, 68, .40); }
html[data-tema="gelap"] .text-red-500,
html[data-tema="gelap"] .text-red-600,
html[data-tema="gelap"] .text-red-700,
html[data-tema="gelap"] .hover\:text-red-500:hover,
html[data-tema="gelap"] .hover\:text-red-600:hover { color: #fca5a5; }

html[data-tema="gelap"] .bg-sky-50,
html[data-tema="gelap"] .bg-blue-50 { background-color: rgba(56, 189, 248, .10); }
html[data-tema="gelap"] .bg-blue-100 { background-color: rgba(59, 130, 246, .22); }
html[data-tema="gelap"] .border-sky-200,
html[data-tema="gelap"] .border-blue-200 { border-color: rgba(56, 189, 248, .38); }
html[data-tema="gelap"] .text-sky-700,
html[data-tema="gelap"] .text-blue-600,
html[data-tema="gelap"] .text-blue-700 { color: #7dd3fc; }

/* Varian berhover & berpudar yang dipakai dashboard */
html[data-tema="gelap"] .hover\:bg-white:hover { background-color: var(--g-surface-2); }
html[data-tema="gelap"] .hover\:border-tadib-200:hover,
html[data-tema="gelap"] .hover\:border-tadib-600:hover { border-color: rgba(52, 211, 153, .5); }
html[data-tema="gelap"] .border-tadib-100,
html[data-tema="gelap"] [class*="border-tadib-200/"],
html[data-tema="gelap"] [class*="border-emerald-200/"] { border-color: rgba(52, 211, 153, .25); }
html[data-tema="gelap"] .bg-tadib-200 { background-color: rgba(34, 160, 107, .32); }
html[data-tema="gelap"] .text-tadib-500,
html[data-tema="gelap"] .text-tadib-400,
html[data-tema="gelap"] [class*="text-tadib-700/"] { color: #6ee7b7; }
html[data-tema="gelap"] [class*="text-emerald-800/"],
html[data-tema="gelap"] .hover\:text-emerald-900:hover { color: #a7f3d0; }
html[data-tema="gelap"] .hover\:bg-emerald-50:hover { background-color: rgba(16, 185, 129, .18); }
html[data-tema="gelap"] .bg-amber-200 { background-color: rgba(245, 158, 11, .32); }
html[data-tema="gelap"] .bg-purple-50 { background-color: rgba(139, 92, 246, .12); }
html[data-tema="gelap"] .bg-purple-100 { background-color: rgba(139, 92, 246, .24); }
html[data-tema="gelap"] .border-purple-200 { border-color: rgba(167, 139, 250, .42); }
html[data-tema="gelap"] .text-purple-700 { color: #c4b5fd; }
html[data-tema="gelap"] .text-sky-800 { color: #7dd3fc; }
html[data-tema="gelap"] .ring-white { --tw-ring-color: var(--g-surface); }
/* Gradien kartu (from-tadib-50 → to-white): ujung putihnya harus ikut gelap. */
html[data-tema="gelap"] .from-tadib-50 { --tw-gradient-from: rgba(34, 160, 107, .16) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 160, 107, 0) var(--tw-gradient-to-position); }
html[data-tema="gelap"] .to-white { --tw-gradient-to: var(--g-surface) var(--tw-gradient-to-position); }

/* Isian formulir: peramban memberi putih sendiri bila tak dinyatakan. */
html[data-tema="gelap"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html[data-tema="gelap"] textarea,
html[data-tema="gelap"] select {
  background-color: var(--g-surface-2); color: var(--g-teks); border-color: var(--g-border-kuat);
}

/* Bayangan di atas gelap harus lebih pekat agar kartu tetap terangkat */
html[data-tema="gelap"] .shadow-nav,
html[data-tema="gelap"] .shadow-sm,
html[data-tema="gelap"] .shadow-lg { box-shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35); }

/* Pelacak gulir */
html[data-tema="gelap"] .ai-msg-body table::-webkit-scrollbar-thumb { background: #475569; }

/* ── Kerangka: sidebar guru/admin, menu pengguna ──────────────────── */
html[data-tema="gelap"] #app-sidebar { background: var(--g-surface); border-right-color: var(--g-border); }
html[data-tema="gelap"] .snav { color: var(--g-teks-2); }
html[data-tema="gelap"] .snav:hover { background: var(--g-surface-2); color: var(--g-teks); }
html[data-tema="gelap"] .snav svg { color: #7c8aa0; }
html[data-tema="gelap"] .snav:hover svg { color: #b6c1d3; }
html[data-tema="gelap"] .snav-active { background: rgba(34, 160, 107, .16); color: #6ee7b7; }
html[data-tema="gelap"] .snav-active svg { color: #34d399; }
html[data-tema="gelap"] .snav-active::before { background: #34d399; }
html[data-tema="gelap"] .snav-danger { color: #fca5a5; }
html[data-tema="gelap"] .snav-danger:hover { background: rgba(239, 68, 68, .14); color: #fecaca; }
html[data-tema="gelap"] .snav-danger svg { color: #f87171; }

/* ── Pesan AI: sitasi, penanda epistemik, kartu bagian, kotak berwarna ── */
html[data-tema="gelap"] cite.sitasi-pustaka { color: var(--g-teks-3); }
html[data-tema="gelap"] .epis-def { background: rgba(99, 102, 241, .18); color: #c7d2fe; border-color: rgba(129, 140, 248, .45); }
html[data-tema="gelap"] .epis-teo { background: rgba(16, 185, 129, .16); color: #6ee7b7; border-color: rgba(16, 185, 129, .45); }
html[data-tema="gelap"] .epis-emp { background: rgba(249, 115, 22, .16); color: #fdba74; border-color: rgba(249, 115, 22, .45); }
html[data-tema="gelap"] .epis-taf { background: rgba(234, 179, 8, .15); color: #fde047; border-color: rgba(234, 179, 8, .45); }
html[data-tema="gelap"] .epis-cth { background: var(--g-surface-2); color: var(--g-teks-2); border-color: var(--g-border-kuat); }

html[data-tema="gelap"] .ai-msg-body .bagian-materi { background: var(--g-surface-2); border-color: var(--g-border); }
html[data-tema="gelap"] .ai-msg-body .bagian-judul { color: #6ee7b7; }
html[data-tema="gelap"] .ai-msg-body .bagian-ikon { background: rgba(34, 160, 107, .25); }
html[data-tema="gelap"] .ai-msg-body .bagian-tujuan,
html[data-tema="gelap"] .ai-msg-body .bagian-target { background: rgba(59, 130, 246, .12); border-color: rgba(96, 165, 250, .4); }
html[data-tema="gelap"] .ai-msg-body .bagian-tujuan .bagian-judul,
html[data-tema="gelap"] .ai-msg-body .bagian-target .bagian-judul { color: #93c5fd; }
html[data-tema="gelap"] .ai-msg-body .bagian-tujuan .bagian-ikon,
html[data-tema="gelap"] .ai-msg-body .bagian-target .bagian-ikon { background: rgba(59, 130, 246, .28); }
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_coba,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_amati,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_baca,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_bergerak,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_peragakan,
html[data-tema="gelap"] .ai-msg-body .bagian-misi_kecil,
html[data-tema="gelap"] .ai-msg-body .bagian-permainan { background: rgba(249, 115, 22, .12); border-color: rgba(251, 146, 60, .4); }
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_coba .bagian-judul,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_amati .bagian-judul,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_baca .bagian-judul,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_bergerak .bagian-judul,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_peragakan .bagian-judul,
html[data-tema="gelap"] .ai-msg-body .bagian-misi_kecil .bagian-judul,
html[data-tema="gelap"] .ai-msg-body .bagian-permainan .bagian-judul { color: #fdba74; }
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_coba .bagian-ikon,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_amati .bagian-ikon,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_baca .bagian-ikon,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_bergerak .bagian-ikon,
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_peragakan .bagian-ikon,
html[data-tema="gelap"] .ai-msg-body .bagian-misi_kecil .bagian-ikon,
html[data-tema="gelap"] .ai-msg-body .bagian-permainan .bagian-ikon { background: rgba(249, 115, 22, .26); }
html[data-tema="gelap"] .ai-msg-body .bagian-tips { background: rgba(245, 158, 11, .11); border-color: rgba(251, 191, 36, .4); }
html[data-tema="gelap"] .ai-msg-body .bagian-tips .bagian-judul { color: #fcd34d; }
html[data-tema="gelap"] .ai-msg-body .bagian-tips .bagian-ikon { background: rgba(245, 158, 11, .26); }
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_bercerita { background: rgba(139, 92, 246, .13); border-color: rgba(167, 139, 250, .42); }
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_bercerita .bagian-judul { color: #c4b5fd; }
html[data-tema="gelap"] .ai-msg-body .bagian-ayo_bercerita .bagian-ikon { background: rgba(139, 92, 246, .28); }

html[data-tema="gelap"] .ai-msg-body h2.judul-materi {
  background: linear-gradient(90deg, rgba(34, 160, 107, .22) 0%, rgba(34, 160, 107, 0) 100%);
  color: #a7f3d0;
}
html[data-tema="gelap"] .ai-msg-body h3.judul-materi { color: #6ee7b7; }
html[data-tema="gelap"] .ai-msg-body blockquote.kotak-materi { color: var(--g-teks); }
html[data-tema="gelap"] .ai-msg-body blockquote.kotak-ingat { background: rgba(16, 185, 129, .12); border-color: rgba(16, 185, 129, .4) rgba(16, 185, 129, .4) rgba(16, 185, 129, .4) #10b981; }
html[data-tema="gelap"] .ai-msg-body blockquote.kotak-awas { background: rgba(245, 158, 11, .12); border-color: rgba(245, 158, 11, .4) rgba(245, 158, 11, .4) rgba(245, 158, 11, .4) #f59e0b; }
html[data-tema="gelap"] .ai-msg-body blockquote.kotak-coba { background: rgba(59, 130, 246, .13); border-color: rgba(96, 165, 250, .4) rgba(96, 165, 250, .4) rgba(96, 165, 250, .4) #3b82f6; }
html[data-tema="gelap"] .ai-msg-body blockquote.kotak-tujuan { background: rgba(139, 92, 246, .14); border-color: rgba(167, 139, 250, .4) rgba(167, 139, 250, .4) rgba(167, 139, 250, .4) #8b5cf6; }
html[data-tema="gelap"] .ai-msg-body blockquote.kotak-info { background: var(--g-surface-2); border-color: var(--g-border) var(--g-border) var(--g-border) #94a3b8; }
html[data-tema="gelap"] .ai-msg-body table.tabel-materi { border-color: var(--g-border-kuat); }
html[data-tema="gelap"] .ai-msg-body table.tabel-materi th { background: rgba(34, 160, 107, .22); color: #a7f3d0; }
html[data-tema="gelap"] .ai-msg-body table.tabel-materi th,
html[data-tema="gelap"] .ai-msg-body table.tabel-materi td { border-bottom-color: var(--g-border); }
html[data-tema="gelap"] .ai-msg-body table.tabel-materi tr:nth-child(even) td { background: rgba(255, 255, 255, .03); }
html[data-tema="gelap"] .ai-msg-body .kotak-ingat-pin { border-color: rgba(251, 191, 36, .5); background: rgba(245, 158, 11, .12); color: #fcd34d; }
html[data-tema="gelap"] .ai-msg-body .kotak-ingat-pin:hover { background: rgba(245, 158, 11, .22); }
html[data-tema="gelap"] .ai-msg-body .kotak-ingat-pin:disabled { border-color: rgba(16, 185, 129, .5); background: rgba(16, 185, 129, .14); color: #6ee7b7; }
html[data-tema="gelap"] .ai-msg-body .gambar-tanda { border-color: #64748b; background: var(--g-surface-2); color: var(--g-teks-2); }

/* Teks markdown (kelas `prose` dari @tailwindcss/typography) menetapkan warnanya
   lewat variabel sendiri, yang tak terjangkau peta `text-gray-*` di atas. */
html[data-tema="gelap"] .prose {
  --tw-prose-body: var(--g-teks); --tw-prose-headings: #f1f5f9; --tw-prose-lead: var(--g-teks-2);
  --tw-prose-links: #6ee7b7; --tw-prose-bold: #f8fafc; --tw-prose-counters: var(--g-teks-3);
  --tw-prose-bullets: #64748b; --tw-prose-hr: var(--g-border); --tw-prose-quotes: var(--g-teks);
  --tw-prose-quote-borders: var(--g-border-kuat); --tw-prose-captions: var(--g-teks-3);
  --tw-prose-code: #e2e8f0; --tw-prose-pre-code: #e2e8f0; --tw-prose-pre-bg: #0a101c;
  --tw-prose-th-borders: var(--g-border-kuat); --tw-prose-td-borders: var(--g-border);
}
html[data-tema="gelap"] .prose :where(code):not(:where(pre *)) { background: var(--g-surface-2); }

/* ── Konten berlatar putih: gambar, plot, kanvas — dibingkai, tak dibalik ──
   Plot matplotlib/plotly, kartu Wikipedia, dan kanvas papan tulis digambar di
   atas putih. Membalik warnanya merusak semantik (merah-hijau, kurva berlabel);
   kartu putih berbingkai lebih jujur daripada tebakan warna. */
html[data-tema="gelap"] .ai-msg-body img,
html[data-tema="gelap"] .soal-figur img,
html[data-tema="gelap"] .soal-figur .figur-svg,
html[data-tema="gelap"] .funcplot-render,
html[data-tema="gelap"] .chart-render,
html[data-tema="gelap"] .mermaid-render,
html[data-tema="gelap"] canvas {
  background-color: #fff; border-radius: .5rem;
}
html[data-tema="gelap"] .mermaid-render,
html[data-tema="gelap"] .funcplot-render,
html[data-tema="gelap"] .chart-render { color: #1e293b; }

/* ── Halaman chat ─────────────────────────────────────────────────── */
html[data-tema="gelap"] #chat-scroll {
  background:
    radial-gradient(900px 320px at 50% -40px, rgba(52, 211, 153, .07), transparent 65%),
    linear-gradient(180deg, #0b1220 0%, #0e1627 100%);
}
html[data-tema="gelap"] .ai-msg-wrapper .tutor-avatar { box-shadow: 0 2px 6px rgba(0, 0, 0, .5), 0 0 0 3px var(--g-bg); }
html[data-tema="gelap"] .ai-msg-body { box-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
html[data-tema="gelap"] #dengar-bar > * { box-shadow: 0 6px 20px rgba(0, 0, 0, .5); }

/* ── Halaman slide ────────────────────────────────────────────────── */
html[data-tema="gelap"] #slideshow {
  background: linear-gradient(135deg, #0b1a17 0%, #0b1220 50%, #0b1824 100%);
}


/* ── Halaman dengan CSS sendiri ───────────────────────────────────────
   Buku Kosakata (.bk-), Rak Muraja'ah (.rm-), Portofolio (.pf-), mentor proyek.
   Dikelompokkan menurut PERAN warna, bukan per kelas: kelas baru dengan peran
   yang sama cukup ditambahkan ke daftar yang tepat. */
html[data-tema="gelap"] .bk-rak,
html[data-tema="gelap"] .bk-tambah,
html[data-tema="gelap"] .rm-rak,
html[data-tema="gelap"] .rm-tulis,
html[data-tema="gelap"] .rm-sym,
html[data-tema="gelap"] .pf-kartu { background: var(--g-surface); border-color: var(--g-border); }
html[data-tema="gelap"] .bk-mapel,
html[data-tema="gelap"] .bk-lema,
html[data-tema="gelap"] .rm-mapel,
html[data-tema="gelap"] .rm-tanya,
html[data-tema="gelap"] .pf-nama,
html[data-tema="gelap"] .pf-angka b { color: var(--g-teks); }
html[data-tema="gelap"] .bk-arti,
html[data-tema="gelap"] .rm-jawab,
html[data-tema="gelap"] .bk-rak-arti,
html[data-tema="gelap"] .pf-angka,
html[data-tema="gelap"] .pf-tp,
html[data-tema="gelap"] .bk-kosong,
html[data-tema="gelap"] .bk-facet span { color: var(--g-teks-2); }
/* Penyunting tabel jawaban di chat (.tabel-sel, learning/chat.html). */
html[data-tema="gelap"] .tabel-sel { background: var(--g-surface-2); border-color: var(--g-border); color: var(--g-teks); }
html[data-tema="gelap"] .tabel-sel-judul { background: var(--g-surface); }
html[data-tema="gelap"] .bk-hitung,
html[data-tema="gelap"] .rm-hitung,
html[data-tema="gelap"] .rm-meta,
html[data-tema="gelap"] .bk-lafal,
html[data-tema="gelap"] .bk-rak-kabar,
html[data-tema="gelap"] .rm-rak-kabar,
html[data-tema="gelap"] .bk-nav-n,
html[data-tema="gelap"] .rm-nav-n,
html[data-tema="gelap"] .bk-panjang,
html[data-tema="gelap"] .rm-tambah-label,
html[data-tema="gelap"] .rm-tambah-nota,
html[data-tema="gelap"] .rm-pratinjau-label,
html[data-tema="gelap"] .bk-facet b,
html[data-tema="gelap"] .bk-facet-asal,
html[data-tema="gelap"] .rm-kosong { color: var(--g-teks-3); }
html[data-tema="gelap"] .bk-btn,
html[data-tema="gelap"] .bk-pilih,
html[data-tema="gelap"] .bk-mic,
html[data-tema="gelap"] .bk-dengar,
html[data-tema="gelap"] .bk-rak-dengar,
html[data-tema="gelap"] .bk-rak-stop,
html[data-tema="gelap"] .rm-btn,
html[data-tema="gelap"] .rm-rak-dengar,
html[data-tema="gelap"] .rm-rak-stop,
html[data-tema="gelap"] .rm-mic,
html[data-tema="gelap"] .bk-nav-pil,
html[data-tema="gelap"] .rm-nav-pil,
html[data-tema="gelap"] .rm-tulis select { background: var(--g-surface-2); color: var(--g-teks-2); border-color: var(--g-border-kuat); }
html[data-tema="gelap"] .bk-btn:hover,
html[data-tema="gelap"] .bk-nav-pil:hover,
html[data-tema="gelap"] .rm-nav-pil:hover,
html[data-tema="gelap"] .bk-dengar:hover,
html[data-tema="gelap"] .bk-rak-dengar:hover,
html[data-tema="gelap"] .rm-rak-dengar:hover,
html[data-tema="gelap"] .bk-mic:hover,
html[data-tema="gelap"] .rm-mic:hover { color: #6ee7b7; border-color: #34d399; }
html[data-tema="gelap"] .bk-kepala,
html[data-tema="gelap"] .rm-kepala,
html[data-tema="gelap"] .bk-entri,
html[data-tema="gelap"] .rm-entri,
html[data-tema="gelap"] .rm-tulis-notasi { border-color: var(--g-border); }
html[data-tema="gelap"] .bk-kosong,
html[data-tema="gelap"] .pf-draft { background: var(--g-surface-2); border-color: var(--g-border-kuat); color: var(--g-teks-2); }
html[data-tema="gelap"] .bk-tersimpan,
html[data-tema="gelap"] .rm-tersimpan { background: var(--g-surface-2); color: var(--g-teks-2); }
html[data-tema="gelap"] .bk-macet,
html[data-tema="gelap"] .rm-macet { background: rgba(239,68,68,.2); color: #fca5a5; }
html[data-tema="gelap"] .bk-dilatih,
html[data-tema="gelap"] .rm-dilatih,
html[data-tema="gelap"] .pf-sah,
html[data-tema="gelap"] .bk-rak-dengar.bk-rak-jalan,
html[data-tema="gelap"] .rm-rak-dengar.bk-rak-jalan,
html[data-tema="gelap"] .bk-entri.bk-main,
html[data-tema="gelap"] .rm-entri.bk-main { background: rgba(16,185,129,.16); color: #6ee7b7; border-color: rgba(16,185,129,.45); }
html[data-tema="gelap"] .bk-mantap,
html[data-tema="gelap"] .rm-mantap,
html[data-tema="gelap"] .bk-nav-due,
html[data-tema="gelap"] .rm-nav-due,
html[data-tema="gelap"] .rm-due { background: rgba(245,158,11,.2); color: #fcd34d; }
html[data-tema="gelap"] .bk-kuota,
html[data-tema="gelap"] .rm-kuota,
html[data-tema="gelap"] .bk-rak-dengar.bk-rak-jeda,
html[data-tema="gelap"] .rm-rak-dengar.bk-rak-jeda { background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.4); color: #fcd34d; }
html[data-tema="gelap"] .rm-asal { background: rgba(59,130,246,.2); color: #93c5fd; }
html[data-tema="gelap"] .bk-kabar.salah,
html[data-tema="gelap"] .rm-kabar,
html[data-tema="gelap"] .rm-btn-hapus,
html[data-tema="gelap"] .bk-btn-hapus:hover { color: #fca5a5; }
html[data-tema="gelap"] .bk-kabar.benar,
html[data-tema="gelap"] .pf-lolos,
html[data-tema="gelap"] .pf-persen { color: #6ee7b7; }
html[data-tema="gelap"] .pf-belum { color: #fcd34d; }
html[data-tema="gelap"] .pf-bar { background: var(--g-border); }
html[data-tema="gelap"] .pf-bar > i { background: #34d399; }
html[data-tema="gelap"] .bk-mic.rekam,
html[data-tema="gelap"] .rm-mic.rekam { background: rgba(239,68,68,.3); border-color: #f87171; }
html[data-tema="gelap"] .rm-pratinjau,
html[data-tema="gelap"] .rm-sunting-tp { background: var(--g-surface-2); border-color: var(--g-border-kuat); color: var(--g-teks); }
html[data-tema="gelap"] .bk-facet span { border-color: var(--g-border); }
html[data-tema="gelap"] .bk-mapel::before,
html[data-tema="gelap"] .rm-mapel::before,
html[data-tema="gelap"] .rm-daftar li::marker { color: #7c8aa0; }
html[data-tema="gelap"] .bk-bilah,
html[data-tema="gelap"] .rm-bilah { background: #1f2a44; border: 1px solid var(--g-border-kuat); }

/* Formulir admin yang menulis label/teks bantuan dengan hex sendiri */
html[data-tema="gelap"] .form-prov label,
html[data-tema="gelap"] .form-utama label,
html[data-tema="gelap"] .form-pengguna label { color: var(--g-teks-2); }
html[data-tema="gelap"] .form-prov .helptext,
html[data-tema="gelap"] .form-pengguna .helptext { color: var(--g-teks-3); }
html[data-tema="gelap"] .form-prov .errorlist,
html[data-tema="gelap"] form .errorlist,
html[data-tema="gelap"] .form-pengguna .errorlist { color: #fca5a5; }
html[data-tema="gelap"] .btn-pi { background: var(--g-surface-2); color: var(--g-teks-3); border-color: var(--g-border-kuat); }

/* Mentor proyek (markdown) */
html[data-tema="gelap"] .mentor-md a { color: #5eead4; }
html[data-tema="gelap"] .mentor-md code,
html[data-tema="gelap"] .mentor-md pre { background: rgba(255,255,255,.08); }
html[data-tema="gelap"] .mentor-md blockquote { border-left-color: var(--g-border-kuat); color: var(--g-teks-2); }

/* Atribut style="color:#…" tulisan tangan di templat (Portofolio dst.): hex gelap
   di atas latar gelap = teks hilang, jadi dipetakan menurut nilainya. */
html[data-tema="gelap"] [style*="color:#0f172a"], html[data-tema="gelap"] [style*="color: #0f172a"],
html[data-tema="gelap"] [style*="color:#1f2937"], html[data-tema="gelap"] [style*="color: #1f2937"] { color: var(--g-teks) !important; }
html[data-tema="gelap"] [style*="color:#334155"], html[data-tema="gelap"] [style*="color:#475569"],
html[data-tema="gelap"] [style*="color: #334155"], html[data-tema="gelap"] [style*="color: #475569"] { color: var(--g-teks-2) !important; }
html[data-tema="gelap"] [style*="color:#64748b"], html[data-tema="gelap"] [style*="color:#94a3b8"],
html[data-tema="gelap"] [style*="color: #64748b"], html[data-tema="gelap"] [style*="color: #94a3b8"] { color: var(--g-teks-3) !important; }
html[data-tema="gelap"] [style*="color:#b45309"], html[data-tema="gelap"] [style*="color: #b45309"] { color: #fcd34d !important; }
html[data-tema="gelap"] [style*="border-top:1px solid #f1f5f9"] { border-top-color: var(--g-border) !important; }

/* Kaki halaman: palet ruang kerja digerakkan SEMBILAN token (tailwind.css); cukup definisikan ulang. */
html[data-tema="gelap"] .kaki-terang {
  --kaki-latar: #0b1220; --kaki-garis: #2a3650; --kaki-sari: #9aa7bb; --kaki-judul: #e5e9f0;
  --kaki-tautan: #9aa7bb; --kaki-hover: #6ee7b7; --kaki-merek: #e5e9f0; --kaki-aksen: #34d399;
  --kaki-garis-bawah: #1f2a40; --kaki-catatan: #8b99ae;
}

}  /* akhir @media screen — cetak selalu terang */

/* ── Pemilih tema (partial `_tema_pilihan.html`) ──────────────────── */
.tema-pilihan { display: inline-flex; gap: 2px; padding: 2px; border-radius: 999px; background: #f1f5f9; }
.tema-pilihan button {
  display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .6rem;
  border-radius: 999px; font-size: .75rem; font-weight: 600; color: #64748b; line-height: 1.3;
}
.tema-pilihan button[aria-pressed="true"] { background: #fff; color: #155e45; box-shadow: 0 1px 2px rgba(15, 23, 42, .15); }
.tema-pilihan button:focus-visible { outline: 2px solid #22a06b; outline-offset: 1px; }
html[data-tema="gelap"] .tema-pilihan { background: var(--g-surface-2); }
html[data-tema="gelap"] .tema-pilihan button { color: var(--g-teks-3); }
html[data-tema="gelap"] .tema-pilihan button[aria-pressed="true"] { background: #25324d; color: #6ee7b7; box-shadow: none; }