/**
 * Ticamer — AÇIK TEMA katmanı (varsayılan tema). Tüm web sayfalarında yüklenir; mobil uygulama ve
 * kargo masası monitörü (bilerek siyah-beyaz) hariç.
 *
 * Yalnızca <html data-theme="light"> iken devreye girer; koyu tema sınıfları sayfalarda aynen durur.
 * Koyu temaya göre yazılmış renk sınıfları burada açık zemine uygun karşılıklarına eşlenir; seçici
 * önündeki html[data-theme="light"] öneki Tailwind'in tek sınıflı kurallarından daha özgül olduğu için
 * !important gerekmez.
 *
 * BU DOSYA ÜRETİLMİŞTİR: tekrarlı Tailwind eşlemeleri betikle yazıldı. Yeni bir koyu renk sınıfı
 * kullanıldığında karşılığını ilgili bölüme eklemek yeterlidir.
 *
 *   #111844 #0B0F2E #0b0f2a #0b1033 #161F55 #1a2352 #080b1e #070A1E (zemin, panel) → --lt-page / --lt-surface
 *   #4B5694 (çerçeve, seçili)  → --lt-border / --lt-brand      #EAE0CF (ana yazı) → --lt-text
 *   #7288AE (ikincil yazı)     → --lt-muted                    *-100…400 vurgu yazıları → aynı rengin 700/800 tonu
 */
html[data-theme="light"] {
  --lt-page: #f3f5fa;
  --lt-surface: #ffffff;
  --lt-surface-2: #f8f9fc;
  --lt-border: #dde2ee;
  --lt-border-strong: #c3cbe0;
  --lt-text: #141a33;
  --lt-text-2: #2b3350;
  --lt-muted: #5d6680;
  --lt-brand: #3d4a8c;
  --lt-brand-soft: #e9ecf7;
  --lt-brand-hover: #dfe4f3;
  color-scheme: light;
}

/* ============ Zemin ve genel yazı ============ */
html[data-theme="light"],
html[data-theme="light"] body { background: var(--lt-page); color: var(--lt-text); }
html[data-theme="light"] .bg-\[\#111844\],
html[data-theme="light"] .bg-\[\#0B0F2E\],
html[data-theme="light"] .bg-\[\#0b0f2a\],
html[data-theme="light"] .bg-\[\#0b1033\],
html[data-theme="light"] .bg-\[\#161F55\],
html[data-theme="light"] .bg-\[\#1a2352\],
html[data-theme="light"] .bg-\[\#1a2155\],
html[data-theme="light"] .bg-\[\#080b1e\],
html[data-theme="light"] .bg-\[\#070A1E\],
html[data-theme="light"] .bg-\[\#1b2559\]\/80 { background-color: var(--lt-surface); }
html[data-theme="light"] .hover\:bg-\[\#1b2559\]:hover { background-color: var(--lt-brand-hover); }
html[data-theme="light"] body.bg-\[\#111844\], html[data-theme="light"] body.bg-\[\#0b0f2a\] { background-color: var(--lt-page); }
html[data-theme="light"] .bg-\[\#111844\]\/95,
html[data-theme="light"] .bg-\[\#0B0F2E\]\/95,
html[data-theme="light"] .bg-\[\#0b0f2a\]\/85,
html[data-theme="light"] .bg-\[\#0b0f2a\]\/90 { background-color: rgba(255, 255, 255, 0.95); }
html[data-theme="light"] .bg-\[\#111844\]\/80,
html[data-theme="light"] .bg-\[\#111844\]\/70,
html[data-theme="light"] .bg-\[\#111844\]\/60,
html[data-theme="light"] .bg-\[\#111844\]\/40,
html[data-theme="light"] .bg-\[\#111844\]\/30,
html[data-theme="light"] .bg-\[\#0d1338\]\/80,
html[data-theme="light"] .bg-\[\#161f55\]\/50 { background-color: var(--lt-surface-2); }
html[data-theme="light"] .from-\[\#111844\] { --tw-gradient-from: #ffffff var(--tw-gradient-from-position); --tw-gradient-to: rgba(255,255,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-theme="light"] .via-\[\#111844\] { --tw-gradient-to: rgba(255,255,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to); }
html[data-theme="light"] .to-\[\#0b0f2a\] { --tw-gradient-to: var(--lt-surface-2) var(--tw-gradient-to-position); }

/* Kartlar: cam efekti yerine düz beyaz + ince gölge */
html[data-theme="light"] .theme-card,
html[data-theme="light"] .card,
html[data-theme="light"] .tv-card {
  background: var(--lt-surface);
  backdrop-filter: none;
  border-color: var(--lt-border);
  box-shadow: 0 1px 2px rgba(20, 26, 51, 0.04), 0 4px 16px rgba(20, 26, 51, 0.05);
}
html[data-theme="light"] .theme-card-hover:hover { border-color: var(--lt-border-strong); box-shadow: 0 12px 24px -12px rgba(20, 26, 51, 0.18); }
html[data-theme="light"] .tv-card::before { background: none; }

/* ============ Marka rengi #4B5694 ============ */
html[data-theme="light"] .bg-\[\#4B5694\] { background-color: var(--lt-brand); color: #fff; }
html[data-theme="light"] .bg-\[\#4B5694\]\/10,
html[data-theme="light"] .bg-\[\#4B5694\]\/15,
html[data-theme="light"] .bg-\[\#4B5694\]\/20,
html[data-theme="light"] .bg-\[\#4B5694\]\/30,
html[data-theme="light"] .bg-\[\#4B5694\]\/40,
html[data-theme="light"] .bg-\[\#4B5694\]\/50,
html[data-theme="light"] .bg-\[\#4B5694\]\/60 { background-color: var(--lt-brand-soft); }
html[data-theme="light"] .hover\:bg-\[\#4B5694\]:hover,
html[data-theme="light"] .hover\:bg-\[\#4B5694\]\/10:hover,
html[data-theme="light"] .hover\:bg-\[\#4B5694\]\/15:hover,
html[data-theme="light"] .hover\:bg-\[\#4B5694\]\/20:hover,
html[data-theme="light"] .hover\:bg-\[\#4B5694\]\/30:hover,
html[data-theme="light"] .hover\:bg-\[\#4B5694\]\/40:hover,
html[data-theme="light"] .hover\:bg-\[\#4B5694\]\/50:hover,
html[data-theme="light"] .hover\:bg-\[\#4B5694\]\/80:hover,
html[data-theme="light"] .hover\:bg-\[\#7288AE\]:hover,
html[data-theme="light"] .hover\:bg-\[\#5c68ad\]:hover { background-color: var(--lt-brand-hover); }
html[data-theme="light"] .bg-\[\#4B5694\]:hover { background-color: #2f3a73; }
html[data-theme="light"] .bg-\[\#7288AE\] { background-color: #8a96bd; }

/* ============ Yazı renkleri ============ */
html[data-theme="light"] .text-\[\#EAE0CF\],
html[data-theme="light"] .text-\[\#EAE0CF\]\/90,
html[data-theme="light"] .text-\[\#EAE0CF\]\/80 { color: var(--lt-text); }
html[data-theme="light"] .hover\:text-\[\#EAE0CF\]:hover { color: var(--lt-text); }
html[data-theme="light"] .text-\[\#7288AE\],
html[data-theme="light"] .text-\[\#7288AE\]\/70,
html[data-theme="light"] .placeholder-\[\#7288AE\] { color: var(--lt-muted); }
html[data-theme="light"] .text-\[\#b9bfd8\],
html[data-theme="light"] .text-\[\#c9cde3\] { color: var(--lt-text-2); }
html[data-theme="light"] .placeholder-\[\#7288AE\]::placeholder { color: #8a93a8; }
/* Marka zeminli (seçili) öğelerdeki yazı beyaz kalsın */
html[data-theme="light"] .bg-\[\#4B5694\] .text-\[\#EAE0CF\],
html[data-theme="light"] .bg-\[\#4B5694\].text-\[\#EAE0CF\],
html[data-theme="light"] .bg-\[\#4B5694\] .text-\[\#7288AE\] { color: #fff; }

/* ============ Çerçeveler ============ */
html[data-theme="light"] .border-\[\#4B5694\],
html[data-theme="light"] .border-\[\#4B5694\]\/20,
html[data-theme="light"] .border-\[\#4B5694\]\/30,
html[data-theme="light"] .border-\[\#4B5694\]\/40,
html[data-theme="light"] .border-\[\#4B5694\]\/50,
html[data-theme="light"] .border-\[\#4B5694\]\/60,
html[data-theme="light"] .border-\[\#4B5694\]\/70,
html[data-theme="light"] .border-\[\#4B5694\]\/80,
html[data-theme="light"] .border-\[\#3b4782\]\/40,
html[data-theme="light"] .border-\[\#111844\],
html[data-theme="light"] .border-\[\#7288AE\]\/40 { border-color: var(--lt-border); }
html[data-theme="light"] .border-\[\#7288AE\],
html[data-theme="light"] .border-\[\#EAE0CF\]\/40,
html[data-theme="light"] .border-\[\#EAE0CF\] { border-color: var(--lt-border-strong); }
html[data-theme="light"] .hover\:border-\[\#7288AE\]:hover,
html[data-theme="light"] .hover\:border-\[\#EAE0CF\]:hover,
html[data-theme="light"] .hover\:border-\[\#EAE0CF\]\/60:hover,
html[data-theme="light"] .hover\:border-\[\#4B5694\]:hover { border-color: var(--lt-brand); }
html[data-theme="light"] .divide-\[\#4B5694\]\/20 > :not([hidden]) ~ :not([hidden]) { border-color: var(--lt-border); }
html[data-theme="light"] .divide-\[\#4B5694\]\/30 > :not([hidden]) ~ :not([hidden]) { border-color: var(--lt-border); }
html[data-theme="light"] .divide-\[\#4B5694\]\/40 > :not([hidden]) ~ :not([hidden]) { border-color: var(--lt-border); }

/* ============ Vurgu yazıları: koyu zeminde okunan açık tonlar → beyazda okunaklı koyu tonlar ============ */
html[data-theme="light"] .text-slate-400 { color: #475569; }
html[data-theme="light"] .text-slate-300 { color: #334155; }
html[data-theme="light"] .text-slate-100,
html[data-theme="light"] .text-slate-200 { color: #1e293b; }
html[data-theme="light"] .hover\:text-slate-100:hover,
html[data-theme="light"] .hover\:text-slate-200:hover,
html[data-theme="light"] .hover\:text-slate-300:hover { color: #1e293b; }
html[data-theme="light"] .bg-slate-900\/10,
html[data-theme="light"] .bg-slate-900\/15,
html[data-theme="light"] .bg-slate-900\/20,
html[data-theme="light"] .bg-slate-900\/30,
html[data-theme="light"] .bg-slate-900\/40,
html[data-theme="light"] .bg-slate-900\/50,
html[data-theme="light"] .bg-slate-900\/60,
html[data-theme="light"] .bg-slate-900\/70,
html[data-theme="light"] .bg-slate-900\/80,
html[data-theme="light"] .bg-slate-900\/90,
html[data-theme="light"] .bg-slate-900\/95,
html[data-theme="light"] .bg-slate-950\/10,
html[data-theme="light"] .bg-slate-950\/15,
html[data-theme="light"] .bg-slate-950\/20,
html[data-theme="light"] .bg-slate-950\/30,
html[data-theme="light"] .bg-slate-950\/40,
html[data-theme="light"] .bg-slate-950\/50,
html[data-theme="light"] .bg-slate-950\/60,
html[data-theme="light"] .bg-slate-950\/70,
html[data-theme="light"] .bg-slate-950\/80,
html[data-theme="light"] .bg-slate-950\/90,
html[data-theme="light"] .bg-slate-950\/95 { background-color: rgba(100, 116, 139, 0.08); }
html[data-theme="light"] .border-slate-900,
html[data-theme="light"] .border-slate-800 { border-color: rgba(100, 116, 139, 0.35); }
html[data-theme="light"] .text-gray-400 { color: #4b5563; }
html[data-theme="light"] .text-gray-300 { color: #374151; }
html[data-theme="light"] .text-gray-100,
html[data-theme="light"] .text-gray-200 { color: #1f2937; }
html[data-theme="light"] .hover\:text-gray-100:hover,
html[data-theme="light"] .hover\:text-gray-200:hover,
html[data-theme="light"] .hover\:text-gray-300:hover { color: #1f2937; }
html[data-theme="light"] .bg-gray-900\/10,
html[data-theme="light"] .bg-gray-900\/15,
html[data-theme="light"] .bg-gray-900\/20,
html[data-theme="light"] .bg-gray-900\/30,
html[data-theme="light"] .bg-gray-900\/40,
html[data-theme="light"] .bg-gray-900\/50,
html[data-theme="light"] .bg-gray-900\/60,
html[data-theme="light"] .bg-gray-900\/70,
html[data-theme="light"] .bg-gray-900\/80,
html[data-theme="light"] .bg-gray-900\/90,
html[data-theme="light"] .bg-gray-900\/95,
html[data-theme="light"] .bg-gray-950\/10,
html[data-theme="light"] .bg-gray-950\/15,
html[data-theme="light"] .bg-gray-950\/20,
html[data-theme="light"] .bg-gray-950\/30,
html[data-theme="light"] .bg-gray-950\/40,
html[data-theme="light"] .bg-gray-950\/50,
html[data-theme="light"] .bg-gray-950\/60,
html[data-theme="light"] .bg-gray-950\/70,
html[data-theme="light"] .bg-gray-950\/80,
html[data-theme="light"] .bg-gray-950\/90,
html[data-theme="light"] .bg-gray-950\/95 { background-color: rgba(107, 114, 128, 0.08); }
html[data-theme="light"] .border-gray-900,
html[data-theme="light"] .border-gray-800 { border-color: rgba(107, 114, 128, 0.35); }
html[data-theme="light"] .text-zinc-400 { color: #52525b; }
html[data-theme="light"] .text-zinc-300 { color: #3f3f46; }
html[data-theme="light"] .text-zinc-100,
html[data-theme="light"] .text-zinc-200 { color: #27272a; }
html[data-theme="light"] .hover\:text-zinc-100:hover,
html[data-theme="light"] .hover\:text-zinc-200:hover,
html[data-theme="light"] .hover\:text-zinc-300:hover { color: #27272a; }
html[data-theme="light"] .bg-zinc-900\/10,
html[data-theme="light"] .bg-zinc-900\/15,
html[data-theme="light"] .bg-zinc-900\/20,
html[data-theme="light"] .bg-zinc-900\/30,
html[data-theme="light"] .bg-zinc-900\/40,
html[data-theme="light"] .bg-zinc-900\/50,
html[data-theme="light"] .bg-zinc-900\/60,
html[data-theme="light"] .bg-zinc-900\/70,
html[data-theme="light"] .bg-zinc-900\/80,
html[data-theme="light"] .bg-zinc-900\/90,
html[data-theme="light"] .bg-zinc-900\/95,
html[data-theme="light"] .bg-zinc-950\/10,
html[data-theme="light"] .bg-zinc-950\/15,
html[data-theme="light"] .bg-zinc-950\/20,
html[data-theme="light"] .bg-zinc-950\/30,
html[data-theme="light"] .bg-zinc-950\/40,
html[data-theme="light"] .bg-zinc-950\/50,
html[data-theme="light"] .bg-zinc-950\/60,
html[data-theme="light"] .bg-zinc-950\/70,
html[data-theme="light"] .bg-zinc-950\/80,
html[data-theme="light"] .bg-zinc-950\/90,
html[data-theme="light"] .bg-zinc-950\/95 { background-color: rgba(113, 113, 122, 0.08); }
html[data-theme="light"] .border-zinc-900,
html[data-theme="light"] .border-zinc-800 { border-color: rgba(113, 113, 122, 0.35); }
html[data-theme="light"] .text-neutral-400 { color: #525252; }
html[data-theme="light"] .text-neutral-300 { color: #404040; }
html[data-theme="light"] .text-neutral-100,
html[data-theme="light"] .text-neutral-200 { color: #262626; }
html[data-theme="light"] .hover\:text-neutral-100:hover,
html[data-theme="light"] .hover\:text-neutral-200:hover,
html[data-theme="light"] .hover\:text-neutral-300:hover { color: #262626; }
html[data-theme="light"] .bg-neutral-900\/10,
html[data-theme="light"] .bg-neutral-900\/15,
html[data-theme="light"] .bg-neutral-900\/20,
html[data-theme="light"] .bg-neutral-900\/30,
html[data-theme="light"] .bg-neutral-900\/40,
html[data-theme="light"] .bg-neutral-900\/50,
html[data-theme="light"] .bg-neutral-900\/60,
html[data-theme="light"] .bg-neutral-900\/70,
html[data-theme="light"] .bg-neutral-900\/80,
html[data-theme="light"] .bg-neutral-900\/90,
html[data-theme="light"] .bg-neutral-900\/95,
html[data-theme="light"] .bg-neutral-950\/10,
html[data-theme="light"] .bg-neutral-950\/15,
html[data-theme="light"] .bg-neutral-950\/20,
html[data-theme="light"] .bg-neutral-950\/30,
html[data-theme="light"] .bg-neutral-950\/40,
html[data-theme="light"] .bg-neutral-950\/50,
html[data-theme="light"] .bg-neutral-950\/60,
html[data-theme="light"] .bg-neutral-950\/70,
html[data-theme="light"] .bg-neutral-950\/80,
html[data-theme="light"] .bg-neutral-950\/90,
html[data-theme="light"] .bg-neutral-950\/95 { background-color: rgba(115, 115, 115, 0.08); }
html[data-theme="light"] .border-neutral-900,
html[data-theme="light"] .border-neutral-800 { border-color: rgba(115, 115, 115, 0.35); }
html[data-theme="light"] .text-stone-400 { color: #57534e; }
html[data-theme="light"] .text-stone-300 { color: #44403c; }
html[data-theme="light"] .text-stone-100,
html[data-theme="light"] .text-stone-200 { color: #292524; }
html[data-theme="light"] .hover\:text-stone-100:hover,
html[data-theme="light"] .hover\:text-stone-200:hover,
html[data-theme="light"] .hover\:text-stone-300:hover { color: #292524; }
html[data-theme="light"] .bg-stone-900\/10,
html[data-theme="light"] .bg-stone-900\/15,
html[data-theme="light"] .bg-stone-900\/20,
html[data-theme="light"] .bg-stone-900\/30,
html[data-theme="light"] .bg-stone-900\/40,
html[data-theme="light"] .bg-stone-900\/50,
html[data-theme="light"] .bg-stone-900\/60,
html[data-theme="light"] .bg-stone-900\/70,
html[data-theme="light"] .bg-stone-900\/80,
html[data-theme="light"] .bg-stone-900\/90,
html[data-theme="light"] .bg-stone-900\/95,
html[data-theme="light"] .bg-stone-950\/10,
html[data-theme="light"] .bg-stone-950\/15,
html[data-theme="light"] .bg-stone-950\/20,
html[data-theme="light"] .bg-stone-950\/30,
html[data-theme="light"] .bg-stone-950\/40,
html[data-theme="light"] .bg-stone-950\/50,
html[data-theme="light"] .bg-stone-950\/60,
html[data-theme="light"] .bg-stone-950\/70,
html[data-theme="light"] .bg-stone-950\/80,
html[data-theme="light"] .bg-stone-950\/90,
html[data-theme="light"] .bg-stone-950\/95 { background-color: rgba(120, 113, 108, 0.08); }
html[data-theme="light"] .border-stone-900,
html[data-theme="light"] .border-stone-800 { border-color: rgba(120, 113, 108, 0.35); }
html[data-theme="light"] .text-red-400 { color: #b91c1c; }
html[data-theme="light"] .text-red-300 { color: #b91c1c; }
html[data-theme="light"] .text-red-100,
html[data-theme="light"] .text-red-200 { color: #991b1b; }
html[data-theme="light"] .hover\:text-red-100:hover,
html[data-theme="light"] .hover\:text-red-200:hover,
html[data-theme="light"] .hover\:text-red-300:hover { color: #991b1b; }
html[data-theme="light"] .bg-red-900\/10,
html[data-theme="light"] .bg-red-900\/15,
html[data-theme="light"] .bg-red-900\/20,
html[data-theme="light"] .bg-red-900\/30,
html[data-theme="light"] .bg-red-900\/40,
html[data-theme="light"] .bg-red-900\/50,
html[data-theme="light"] .bg-red-900\/60,
html[data-theme="light"] .bg-red-900\/70,
html[data-theme="light"] .bg-red-900\/80,
html[data-theme="light"] .bg-red-900\/90,
html[data-theme="light"] .bg-red-900\/95,
html[data-theme="light"] .bg-red-950\/10,
html[data-theme="light"] .bg-red-950\/15,
html[data-theme="light"] .bg-red-950\/20,
html[data-theme="light"] .bg-red-950\/30,
html[data-theme="light"] .bg-red-950\/40,
html[data-theme="light"] .bg-red-950\/50,
html[data-theme="light"] .bg-red-950\/60,
html[data-theme="light"] .bg-red-950\/70,
html[data-theme="light"] .bg-red-950\/80,
html[data-theme="light"] .bg-red-950\/90,
html[data-theme="light"] .bg-red-950\/95 { background-color: rgba(239, 68, 68, 0.08); }
html[data-theme="light"] .border-red-900,
html[data-theme="light"] .border-red-800 { border-color: rgba(239, 68, 68, 0.35); }
html[data-theme="light"] .text-orange-400 { color: #c2410c; }
html[data-theme="light"] .text-orange-300 { color: #c2410c; }
html[data-theme="light"] .text-orange-100,
html[data-theme="light"] .text-orange-200 { color: #9a3412; }
html[data-theme="light"] .hover\:text-orange-100:hover,
html[data-theme="light"] .hover\:text-orange-200:hover,
html[data-theme="light"] .hover\:text-orange-300:hover { color: #9a3412; }
html[data-theme="light"] .bg-orange-900\/10,
html[data-theme="light"] .bg-orange-900\/15,
html[data-theme="light"] .bg-orange-900\/20,
html[data-theme="light"] .bg-orange-900\/30,
html[data-theme="light"] .bg-orange-900\/40,
html[data-theme="light"] .bg-orange-900\/50,
html[data-theme="light"] .bg-orange-900\/60,
html[data-theme="light"] .bg-orange-900\/70,
html[data-theme="light"] .bg-orange-900\/80,
html[data-theme="light"] .bg-orange-900\/90,
html[data-theme="light"] .bg-orange-900\/95,
html[data-theme="light"] .bg-orange-950\/10,
html[data-theme="light"] .bg-orange-950\/15,
html[data-theme="light"] .bg-orange-950\/20,
html[data-theme="light"] .bg-orange-950\/30,
html[data-theme="light"] .bg-orange-950\/40,
html[data-theme="light"] .bg-orange-950\/50,
html[data-theme="light"] .bg-orange-950\/60,
html[data-theme="light"] .bg-orange-950\/70,
html[data-theme="light"] .bg-orange-950\/80,
html[data-theme="light"] .bg-orange-950\/90,
html[data-theme="light"] .bg-orange-950\/95 { background-color: rgba(249, 115, 22, 0.08); }
html[data-theme="light"] .border-orange-900,
html[data-theme="light"] .border-orange-800 { border-color: rgba(249, 115, 22, 0.35); }
html[data-theme="light"] .text-amber-400 { color: #b45309; }
html[data-theme="light"] .text-amber-300 { color: #b45309; }
html[data-theme="light"] .text-amber-100,
html[data-theme="light"] .text-amber-200 { color: #92400e; }
html[data-theme="light"] .hover\:text-amber-100:hover,
html[data-theme="light"] .hover\:text-amber-200:hover,
html[data-theme="light"] .hover\:text-amber-300:hover { color: #92400e; }
html[data-theme="light"] .bg-amber-900\/10,
html[data-theme="light"] .bg-amber-900\/15,
html[data-theme="light"] .bg-amber-900\/20,
html[data-theme="light"] .bg-amber-900\/30,
html[data-theme="light"] .bg-amber-900\/40,
html[data-theme="light"] .bg-amber-900\/50,
html[data-theme="light"] .bg-amber-900\/60,
html[data-theme="light"] .bg-amber-900\/70,
html[data-theme="light"] .bg-amber-900\/80,
html[data-theme="light"] .bg-amber-900\/90,
html[data-theme="light"] .bg-amber-900\/95,
html[data-theme="light"] .bg-amber-950\/10,
html[data-theme="light"] .bg-amber-950\/15,
html[data-theme="light"] .bg-amber-950\/20,
html[data-theme="light"] .bg-amber-950\/30,
html[data-theme="light"] .bg-amber-950\/40,
html[data-theme="light"] .bg-amber-950\/50,
html[data-theme="light"] .bg-amber-950\/60,
html[data-theme="light"] .bg-amber-950\/70,
html[data-theme="light"] .bg-amber-950\/80,
html[data-theme="light"] .bg-amber-950\/90,
html[data-theme="light"] .bg-amber-950\/95 { background-color: rgba(245, 158, 11, 0.08); }
html[data-theme="light"] .border-amber-900,
html[data-theme="light"] .border-amber-800 { border-color: rgba(245, 158, 11, 0.35); }
html[data-theme="light"] .text-yellow-400 { color: #a16207; }
html[data-theme="light"] .text-yellow-300 { color: #a16207; }
html[data-theme="light"] .text-yellow-100,
html[data-theme="light"] .text-yellow-200 { color: #854d0e; }
html[data-theme="light"] .hover\:text-yellow-100:hover,
html[data-theme="light"] .hover\:text-yellow-200:hover,
html[data-theme="light"] .hover\:text-yellow-300:hover { color: #854d0e; }
html[data-theme="light"] .bg-yellow-900\/10,
html[data-theme="light"] .bg-yellow-900\/15,
html[data-theme="light"] .bg-yellow-900\/20,
html[data-theme="light"] .bg-yellow-900\/30,
html[data-theme="light"] .bg-yellow-900\/40,
html[data-theme="light"] .bg-yellow-900\/50,
html[data-theme="light"] .bg-yellow-900\/60,
html[data-theme="light"] .bg-yellow-900\/70,
html[data-theme="light"] .bg-yellow-900\/80,
html[data-theme="light"] .bg-yellow-900\/90,
html[data-theme="light"] .bg-yellow-900\/95,
html[data-theme="light"] .bg-yellow-950\/10,
html[data-theme="light"] .bg-yellow-950\/15,
html[data-theme="light"] .bg-yellow-950\/20,
html[data-theme="light"] .bg-yellow-950\/30,
html[data-theme="light"] .bg-yellow-950\/40,
html[data-theme="light"] .bg-yellow-950\/50,
html[data-theme="light"] .bg-yellow-950\/60,
html[data-theme="light"] .bg-yellow-950\/70,
html[data-theme="light"] .bg-yellow-950\/80,
html[data-theme="light"] .bg-yellow-950\/90,
html[data-theme="light"] .bg-yellow-950\/95 { background-color: rgba(234, 179, 8, 0.08); }
html[data-theme="light"] .border-yellow-900,
html[data-theme="light"] .border-yellow-800 { border-color: rgba(234, 179, 8, 0.35); }
html[data-theme="light"] .text-lime-400 { color: #4d7c0f; }
html[data-theme="light"] .text-lime-300 { color: #4d7c0f; }
html[data-theme="light"] .text-lime-100,
html[data-theme="light"] .text-lime-200 { color: #3f6212; }
html[data-theme="light"] .hover\:text-lime-100:hover,
html[data-theme="light"] .hover\:text-lime-200:hover,
html[data-theme="light"] .hover\:text-lime-300:hover { color: #3f6212; }
html[data-theme="light"] .bg-lime-900\/10,
html[data-theme="light"] .bg-lime-900\/15,
html[data-theme="light"] .bg-lime-900\/20,
html[data-theme="light"] .bg-lime-900\/30,
html[data-theme="light"] .bg-lime-900\/40,
html[data-theme="light"] .bg-lime-900\/50,
html[data-theme="light"] .bg-lime-900\/60,
html[data-theme="light"] .bg-lime-900\/70,
html[data-theme="light"] .bg-lime-900\/80,
html[data-theme="light"] .bg-lime-900\/90,
html[data-theme="light"] .bg-lime-900\/95,
html[data-theme="light"] .bg-lime-950\/10,
html[data-theme="light"] .bg-lime-950\/15,
html[data-theme="light"] .bg-lime-950\/20,
html[data-theme="light"] .bg-lime-950\/30,
html[data-theme="light"] .bg-lime-950\/40,
html[data-theme="light"] .bg-lime-950\/50,
html[data-theme="light"] .bg-lime-950\/60,
html[data-theme="light"] .bg-lime-950\/70,
html[data-theme="light"] .bg-lime-950\/80,
html[data-theme="light"] .bg-lime-950\/90,
html[data-theme="light"] .bg-lime-950\/95 { background-color: rgba(132, 204, 22, 0.08); }
html[data-theme="light"] .border-lime-900,
html[data-theme="light"] .border-lime-800 { border-color: rgba(132, 204, 22, 0.35); }
html[data-theme="light"] .text-green-400 { color: #15803d; }
html[data-theme="light"] .text-green-300 { color: #15803d; }
html[data-theme="light"] .text-green-100,
html[data-theme="light"] .text-green-200 { color: #166534; }
html[data-theme="light"] .hover\:text-green-100:hover,
html[data-theme="light"] .hover\:text-green-200:hover,
html[data-theme="light"] .hover\:text-green-300:hover { color: #166534; }
html[data-theme="light"] .bg-green-900\/10,
html[data-theme="light"] .bg-green-900\/15,
html[data-theme="light"] .bg-green-900\/20,
html[data-theme="light"] .bg-green-900\/30,
html[data-theme="light"] .bg-green-900\/40,
html[data-theme="light"] .bg-green-900\/50,
html[data-theme="light"] .bg-green-900\/60,
html[data-theme="light"] .bg-green-900\/70,
html[data-theme="light"] .bg-green-900\/80,
html[data-theme="light"] .bg-green-900\/90,
html[data-theme="light"] .bg-green-900\/95,
html[data-theme="light"] .bg-green-950\/10,
html[data-theme="light"] .bg-green-950\/15,
html[data-theme="light"] .bg-green-950\/20,
html[data-theme="light"] .bg-green-950\/30,
html[data-theme="light"] .bg-green-950\/40,
html[data-theme="light"] .bg-green-950\/50,
html[data-theme="light"] .bg-green-950\/60,
html[data-theme="light"] .bg-green-950\/70,
html[data-theme="light"] .bg-green-950\/80,
html[data-theme="light"] .bg-green-950\/90,
html[data-theme="light"] .bg-green-950\/95 { background-color: rgba(34, 197, 94, 0.08); }
html[data-theme="light"] .border-green-900,
html[data-theme="light"] .border-green-800 { border-color: rgba(34, 197, 94, 0.35); }
html[data-theme="light"] .text-emerald-400 { color: #047857; }
html[data-theme="light"] .text-emerald-300 { color: #047857; }
html[data-theme="light"] .text-emerald-100,
html[data-theme="light"] .text-emerald-200 { color: #065f46; }
html[data-theme="light"] .hover\:text-emerald-100:hover,
html[data-theme="light"] .hover\:text-emerald-200:hover,
html[data-theme="light"] .hover\:text-emerald-300:hover { color: #065f46; }
html[data-theme="light"] .bg-emerald-900\/10,
html[data-theme="light"] .bg-emerald-900\/15,
html[data-theme="light"] .bg-emerald-900\/20,
html[data-theme="light"] .bg-emerald-900\/30,
html[data-theme="light"] .bg-emerald-900\/40,
html[data-theme="light"] .bg-emerald-900\/50,
html[data-theme="light"] .bg-emerald-900\/60,
html[data-theme="light"] .bg-emerald-900\/70,
html[data-theme="light"] .bg-emerald-900\/80,
html[data-theme="light"] .bg-emerald-900\/90,
html[data-theme="light"] .bg-emerald-900\/95,
html[data-theme="light"] .bg-emerald-950\/10,
html[data-theme="light"] .bg-emerald-950\/15,
html[data-theme="light"] .bg-emerald-950\/20,
html[data-theme="light"] .bg-emerald-950\/30,
html[data-theme="light"] .bg-emerald-950\/40,
html[data-theme="light"] .bg-emerald-950\/50,
html[data-theme="light"] .bg-emerald-950\/60,
html[data-theme="light"] .bg-emerald-950\/70,
html[data-theme="light"] .bg-emerald-950\/80,
html[data-theme="light"] .bg-emerald-950\/90,
html[data-theme="light"] .bg-emerald-950\/95 { background-color: rgba(16, 185, 129, 0.08); }
html[data-theme="light"] .border-emerald-900,
html[data-theme="light"] .border-emerald-800 { border-color: rgba(16, 185, 129, 0.35); }
html[data-theme="light"] .text-teal-400 { color: #0f766e; }
html[data-theme="light"] .text-teal-300 { color: #0f766e; }
html[data-theme="light"] .text-teal-100,
html[data-theme="light"] .text-teal-200 { color: #115e59; }
html[data-theme="light"] .hover\:text-teal-100:hover,
html[data-theme="light"] .hover\:text-teal-200:hover,
html[data-theme="light"] .hover\:text-teal-300:hover { color: #115e59; }
html[data-theme="light"] .bg-teal-900\/10,
html[data-theme="light"] .bg-teal-900\/15,
html[data-theme="light"] .bg-teal-900\/20,
html[data-theme="light"] .bg-teal-900\/30,
html[data-theme="light"] .bg-teal-900\/40,
html[data-theme="light"] .bg-teal-900\/50,
html[data-theme="light"] .bg-teal-900\/60,
html[data-theme="light"] .bg-teal-900\/70,
html[data-theme="light"] .bg-teal-900\/80,
html[data-theme="light"] .bg-teal-900\/90,
html[data-theme="light"] .bg-teal-900\/95,
html[data-theme="light"] .bg-teal-950\/10,
html[data-theme="light"] .bg-teal-950\/15,
html[data-theme="light"] .bg-teal-950\/20,
html[data-theme="light"] .bg-teal-950\/30,
html[data-theme="light"] .bg-teal-950\/40,
html[data-theme="light"] .bg-teal-950\/50,
html[data-theme="light"] .bg-teal-950\/60,
html[data-theme="light"] .bg-teal-950\/70,
html[data-theme="light"] .bg-teal-950\/80,
html[data-theme="light"] .bg-teal-950\/90,
html[data-theme="light"] .bg-teal-950\/95 { background-color: rgba(20, 184, 166, 0.08); }
html[data-theme="light"] .border-teal-900,
html[data-theme="light"] .border-teal-800 { border-color: rgba(20, 184, 166, 0.35); }
html[data-theme="light"] .text-cyan-400 { color: #0e7490; }
html[data-theme="light"] .text-cyan-300 { color: #0e7490; }
html[data-theme="light"] .text-cyan-100,
html[data-theme="light"] .text-cyan-200 { color: #155e75; }
html[data-theme="light"] .hover\:text-cyan-100:hover,
html[data-theme="light"] .hover\:text-cyan-200:hover,
html[data-theme="light"] .hover\:text-cyan-300:hover { color: #155e75; }
html[data-theme="light"] .bg-cyan-900\/10,
html[data-theme="light"] .bg-cyan-900\/15,
html[data-theme="light"] .bg-cyan-900\/20,
html[data-theme="light"] .bg-cyan-900\/30,
html[data-theme="light"] .bg-cyan-900\/40,
html[data-theme="light"] .bg-cyan-900\/50,
html[data-theme="light"] .bg-cyan-900\/60,
html[data-theme="light"] .bg-cyan-900\/70,
html[data-theme="light"] .bg-cyan-900\/80,
html[data-theme="light"] .bg-cyan-900\/90,
html[data-theme="light"] .bg-cyan-900\/95,
html[data-theme="light"] .bg-cyan-950\/10,
html[data-theme="light"] .bg-cyan-950\/15,
html[data-theme="light"] .bg-cyan-950\/20,
html[data-theme="light"] .bg-cyan-950\/30,
html[data-theme="light"] .bg-cyan-950\/40,
html[data-theme="light"] .bg-cyan-950\/50,
html[data-theme="light"] .bg-cyan-950\/60,
html[data-theme="light"] .bg-cyan-950\/70,
html[data-theme="light"] .bg-cyan-950\/80,
html[data-theme="light"] .bg-cyan-950\/90,
html[data-theme="light"] .bg-cyan-950\/95 { background-color: rgba(6, 182, 212, 0.08); }
html[data-theme="light"] .border-cyan-900,
html[data-theme="light"] .border-cyan-800 { border-color: rgba(6, 182, 212, 0.35); }
html[data-theme="light"] .text-sky-400 { color: #0369a1; }
html[data-theme="light"] .text-sky-300 { color: #0369a1; }
html[data-theme="light"] .text-sky-100,
html[data-theme="light"] .text-sky-200 { color: #075985; }
html[data-theme="light"] .hover\:text-sky-100:hover,
html[data-theme="light"] .hover\:text-sky-200:hover,
html[data-theme="light"] .hover\:text-sky-300:hover { color: #075985; }
html[data-theme="light"] .bg-sky-900\/10,
html[data-theme="light"] .bg-sky-900\/15,
html[data-theme="light"] .bg-sky-900\/20,
html[data-theme="light"] .bg-sky-900\/30,
html[data-theme="light"] .bg-sky-900\/40,
html[data-theme="light"] .bg-sky-900\/50,
html[data-theme="light"] .bg-sky-900\/60,
html[data-theme="light"] .bg-sky-900\/70,
html[data-theme="light"] .bg-sky-900\/80,
html[data-theme="light"] .bg-sky-900\/90,
html[data-theme="light"] .bg-sky-900\/95,
html[data-theme="light"] .bg-sky-950\/10,
html[data-theme="light"] .bg-sky-950\/15,
html[data-theme="light"] .bg-sky-950\/20,
html[data-theme="light"] .bg-sky-950\/30,
html[data-theme="light"] .bg-sky-950\/40,
html[data-theme="light"] .bg-sky-950\/50,
html[data-theme="light"] .bg-sky-950\/60,
html[data-theme="light"] .bg-sky-950\/70,
html[data-theme="light"] .bg-sky-950\/80,
html[data-theme="light"] .bg-sky-950\/90,
html[data-theme="light"] .bg-sky-950\/95 { background-color: rgba(14, 165, 233, 0.08); }
html[data-theme="light"] .border-sky-900,
html[data-theme="light"] .border-sky-800 { border-color: rgba(14, 165, 233, 0.35); }
html[data-theme="light"] .text-blue-400 { color: #1d4ed8; }
html[data-theme="light"] .text-blue-300 { color: #1d4ed8; }
html[data-theme="light"] .text-blue-100,
html[data-theme="light"] .text-blue-200 { color: #1e40af; }
html[data-theme="light"] .hover\:text-blue-100:hover,
html[data-theme="light"] .hover\:text-blue-200:hover,
html[data-theme="light"] .hover\:text-blue-300:hover { color: #1e40af; }
html[data-theme="light"] .bg-blue-900\/10,
html[data-theme="light"] .bg-blue-900\/15,
html[data-theme="light"] .bg-blue-900\/20,
html[data-theme="light"] .bg-blue-900\/30,
html[data-theme="light"] .bg-blue-900\/40,
html[data-theme="light"] .bg-blue-900\/50,
html[data-theme="light"] .bg-blue-900\/60,
html[data-theme="light"] .bg-blue-900\/70,
html[data-theme="light"] .bg-blue-900\/80,
html[data-theme="light"] .bg-blue-900\/90,
html[data-theme="light"] .bg-blue-900\/95,
html[data-theme="light"] .bg-blue-950\/10,
html[data-theme="light"] .bg-blue-950\/15,
html[data-theme="light"] .bg-blue-950\/20,
html[data-theme="light"] .bg-blue-950\/30,
html[data-theme="light"] .bg-blue-950\/40,
html[data-theme="light"] .bg-blue-950\/50,
html[data-theme="light"] .bg-blue-950\/60,
html[data-theme="light"] .bg-blue-950\/70,
html[data-theme="light"] .bg-blue-950\/80,
html[data-theme="light"] .bg-blue-950\/90,
html[data-theme="light"] .bg-blue-950\/95 { background-color: rgba(59, 130, 246, 0.08); }
html[data-theme="light"] .border-blue-900,
html[data-theme="light"] .border-blue-800 { border-color: rgba(59, 130, 246, 0.35); }
html[data-theme="light"] .text-indigo-400 { color: #4338ca; }
html[data-theme="light"] .text-indigo-300 { color: #4338ca; }
html[data-theme="light"] .text-indigo-100,
html[data-theme="light"] .text-indigo-200 { color: #3730a3; }
html[data-theme="light"] .hover\:text-indigo-100:hover,
html[data-theme="light"] .hover\:text-indigo-200:hover,
html[data-theme="light"] .hover\:text-indigo-300:hover { color: #3730a3; }
html[data-theme="light"] .bg-indigo-900\/10,
html[data-theme="light"] .bg-indigo-900\/15,
html[data-theme="light"] .bg-indigo-900\/20,
html[data-theme="light"] .bg-indigo-900\/30,
html[data-theme="light"] .bg-indigo-900\/40,
html[data-theme="light"] .bg-indigo-900\/50,
html[data-theme="light"] .bg-indigo-900\/60,
html[data-theme="light"] .bg-indigo-900\/70,
html[data-theme="light"] .bg-indigo-900\/80,
html[data-theme="light"] .bg-indigo-900\/90,
html[data-theme="light"] .bg-indigo-900\/95,
html[data-theme="light"] .bg-indigo-950\/10,
html[data-theme="light"] .bg-indigo-950\/15,
html[data-theme="light"] .bg-indigo-950\/20,
html[data-theme="light"] .bg-indigo-950\/30,
html[data-theme="light"] .bg-indigo-950\/40,
html[data-theme="light"] .bg-indigo-950\/50,
html[data-theme="light"] .bg-indigo-950\/60,
html[data-theme="light"] .bg-indigo-950\/70,
html[data-theme="light"] .bg-indigo-950\/80,
html[data-theme="light"] .bg-indigo-950\/90,
html[data-theme="light"] .bg-indigo-950\/95 { background-color: rgba(99, 102, 241, 0.08); }
html[data-theme="light"] .border-indigo-900,
html[data-theme="light"] .border-indigo-800 { border-color: rgba(99, 102, 241, 0.35); }
html[data-theme="light"] .text-violet-400 { color: #6d28d9; }
html[data-theme="light"] .text-violet-300 { color: #6d28d9; }
html[data-theme="light"] .text-violet-100,
html[data-theme="light"] .text-violet-200 { color: #5b21b6; }
html[data-theme="light"] .hover\:text-violet-100:hover,
html[data-theme="light"] .hover\:text-violet-200:hover,
html[data-theme="light"] .hover\:text-violet-300:hover { color: #5b21b6; }
html[data-theme="light"] .bg-violet-900\/10,
html[data-theme="light"] .bg-violet-900\/15,
html[data-theme="light"] .bg-violet-900\/20,
html[data-theme="light"] .bg-violet-900\/30,
html[data-theme="light"] .bg-violet-900\/40,
html[data-theme="light"] .bg-violet-900\/50,
html[data-theme="light"] .bg-violet-900\/60,
html[data-theme="light"] .bg-violet-900\/70,
html[data-theme="light"] .bg-violet-900\/80,
html[data-theme="light"] .bg-violet-900\/90,
html[data-theme="light"] .bg-violet-900\/95,
html[data-theme="light"] .bg-violet-950\/10,
html[data-theme="light"] .bg-violet-950\/15,
html[data-theme="light"] .bg-violet-950\/20,
html[data-theme="light"] .bg-violet-950\/30,
html[data-theme="light"] .bg-violet-950\/40,
html[data-theme="light"] .bg-violet-950\/50,
html[data-theme="light"] .bg-violet-950\/60,
html[data-theme="light"] .bg-violet-950\/70,
html[data-theme="light"] .bg-violet-950\/80,
html[data-theme="light"] .bg-violet-950\/90,
html[data-theme="light"] .bg-violet-950\/95 { background-color: rgba(139, 92, 246, 0.08); }
html[data-theme="light"] .border-violet-900,
html[data-theme="light"] .border-violet-800 { border-color: rgba(139, 92, 246, 0.35); }
html[data-theme="light"] .text-purple-400 { color: #7e22ce; }
html[data-theme="light"] .text-purple-300 { color: #7e22ce; }
html[data-theme="light"] .text-purple-100,
html[data-theme="light"] .text-purple-200 { color: #6b21a8; }
html[data-theme="light"] .hover\:text-purple-100:hover,
html[data-theme="light"] .hover\:text-purple-200:hover,
html[data-theme="light"] .hover\:text-purple-300:hover { color: #6b21a8; }
html[data-theme="light"] .bg-purple-900\/10,
html[data-theme="light"] .bg-purple-900\/15,
html[data-theme="light"] .bg-purple-900\/20,
html[data-theme="light"] .bg-purple-900\/30,
html[data-theme="light"] .bg-purple-900\/40,
html[data-theme="light"] .bg-purple-900\/50,
html[data-theme="light"] .bg-purple-900\/60,
html[data-theme="light"] .bg-purple-900\/70,
html[data-theme="light"] .bg-purple-900\/80,
html[data-theme="light"] .bg-purple-900\/90,
html[data-theme="light"] .bg-purple-900\/95,
html[data-theme="light"] .bg-purple-950\/10,
html[data-theme="light"] .bg-purple-950\/15,
html[data-theme="light"] .bg-purple-950\/20,
html[data-theme="light"] .bg-purple-950\/30,
html[data-theme="light"] .bg-purple-950\/40,
html[data-theme="light"] .bg-purple-950\/50,
html[data-theme="light"] .bg-purple-950\/60,
html[data-theme="light"] .bg-purple-950\/70,
html[data-theme="light"] .bg-purple-950\/80,
html[data-theme="light"] .bg-purple-950\/90,
html[data-theme="light"] .bg-purple-950\/95 { background-color: rgba(168, 85, 247, 0.08); }
html[data-theme="light"] .border-purple-900,
html[data-theme="light"] .border-purple-800 { border-color: rgba(168, 85, 247, 0.35); }
html[data-theme="light"] .text-fuchsia-400 { color: #a21caf; }
html[data-theme="light"] .text-fuchsia-300 { color: #a21caf; }
html[data-theme="light"] .text-fuchsia-100,
html[data-theme="light"] .text-fuchsia-200 { color: #86198f; }
html[data-theme="light"] .hover\:text-fuchsia-100:hover,
html[data-theme="light"] .hover\:text-fuchsia-200:hover,
html[data-theme="light"] .hover\:text-fuchsia-300:hover { color: #86198f; }
html[data-theme="light"] .bg-fuchsia-900\/10,
html[data-theme="light"] .bg-fuchsia-900\/15,
html[data-theme="light"] .bg-fuchsia-900\/20,
html[data-theme="light"] .bg-fuchsia-900\/30,
html[data-theme="light"] .bg-fuchsia-900\/40,
html[data-theme="light"] .bg-fuchsia-900\/50,
html[data-theme="light"] .bg-fuchsia-900\/60,
html[data-theme="light"] .bg-fuchsia-900\/70,
html[data-theme="light"] .bg-fuchsia-900\/80,
html[data-theme="light"] .bg-fuchsia-900\/90,
html[data-theme="light"] .bg-fuchsia-900\/95,
html[data-theme="light"] .bg-fuchsia-950\/10,
html[data-theme="light"] .bg-fuchsia-950\/15,
html[data-theme="light"] .bg-fuchsia-950\/20,
html[data-theme="light"] .bg-fuchsia-950\/30,
html[data-theme="light"] .bg-fuchsia-950\/40,
html[data-theme="light"] .bg-fuchsia-950\/50,
html[data-theme="light"] .bg-fuchsia-950\/60,
html[data-theme="light"] .bg-fuchsia-950\/70,
html[data-theme="light"] .bg-fuchsia-950\/80,
html[data-theme="light"] .bg-fuchsia-950\/90,
html[data-theme="light"] .bg-fuchsia-950\/95 { background-color: rgba(217, 70, 239, 0.08); }
html[data-theme="light"] .border-fuchsia-900,
html[data-theme="light"] .border-fuchsia-800 { border-color: rgba(217, 70, 239, 0.35); }
html[data-theme="light"] .text-pink-400 { color: #be185d; }
html[data-theme="light"] .text-pink-300 { color: #be185d; }
html[data-theme="light"] .text-pink-100,
html[data-theme="light"] .text-pink-200 { color: #9d174d; }
html[data-theme="light"] .hover\:text-pink-100:hover,
html[data-theme="light"] .hover\:text-pink-200:hover,
html[data-theme="light"] .hover\:text-pink-300:hover { color: #9d174d; }
html[data-theme="light"] .bg-pink-900\/10,
html[data-theme="light"] .bg-pink-900\/15,
html[data-theme="light"] .bg-pink-900\/20,
html[data-theme="light"] .bg-pink-900\/30,
html[data-theme="light"] .bg-pink-900\/40,
html[data-theme="light"] .bg-pink-900\/50,
html[data-theme="light"] .bg-pink-900\/60,
html[data-theme="light"] .bg-pink-900\/70,
html[data-theme="light"] .bg-pink-900\/80,
html[data-theme="light"] .bg-pink-900\/90,
html[data-theme="light"] .bg-pink-900\/95,
html[data-theme="light"] .bg-pink-950\/10,
html[data-theme="light"] .bg-pink-950\/15,
html[data-theme="light"] .bg-pink-950\/20,
html[data-theme="light"] .bg-pink-950\/30,
html[data-theme="light"] .bg-pink-950\/40,
html[data-theme="light"] .bg-pink-950\/50,
html[data-theme="light"] .bg-pink-950\/60,
html[data-theme="light"] .bg-pink-950\/70,
html[data-theme="light"] .bg-pink-950\/80,
html[data-theme="light"] .bg-pink-950\/90,
html[data-theme="light"] .bg-pink-950\/95 { background-color: rgba(236, 72, 153, 0.08); }
html[data-theme="light"] .border-pink-900,
html[data-theme="light"] .border-pink-800 { border-color: rgba(236, 72, 153, 0.35); }
html[data-theme="light"] .text-rose-400 { color: #be123c; }
html[data-theme="light"] .text-rose-300 { color: #be123c; }
html[data-theme="light"] .text-rose-100,
html[data-theme="light"] .text-rose-200 { color: #9f1239; }
html[data-theme="light"] .hover\:text-rose-100:hover,
html[data-theme="light"] .hover\:text-rose-200:hover,
html[data-theme="light"] .hover\:text-rose-300:hover { color: #9f1239; }
html[data-theme="light"] .bg-rose-900\/10,
html[data-theme="light"] .bg-rose-900\/15,
html[data-theme="light"] .bg-rose-900\/20,
html[data-theme="light"] .bg-rose-900\/30,
html[data-theme="light"] .bg-rose-900\/40,
html[data-theme="light"] .bg-rose-900\/50,
html[data-theme="light"] .bg-rose-900\/60,
html[data-theme="light"] .bg-rose-900\/70,
html[data-theme="light"] .bg-rose-900\/80,
html[data-theme="light"] .bg-rose-900\/90,
html[data-theme="light"] .bg-rose-900\/95,
html[data-theme="light"] .bg-rose-950\/10,
html[data-theme="light"] .bg-rose-950\/15,
html[data-theme="light"] .bg-rose-950\/20,
html[data-theme="light"] .bg-rose-950\/30,
html[data-theme="light"] .bg-rose-950\/40,
html[data-theme="light"] .bg-rose-950\/50,
html[data-theme="light"] .bg-rose-950\/60,
html[data-theme="light"] .bg-rose-950\/70,
html[data-theme="light"] .bg-rose-950\/80,
html[data-theme="light"] .bg-rose-950\/90,
html[data-theme="light"] .bg-rose-950\/95 { background-color: rgba(244, 63, 94, 0.08); }
html[data-theme="light"] .border-rose-900,
html[data-theme="light"] .border-rose-800 { border-color: rgba(244, 63, 94, 0.35); }

/* Slate tabanlı koyu paneller (Canlı Operasyon ekranı, pazaryeri aktarım pencereleri) */
html[data-theme="light"] [class*="bg-slate-800"], html[data-theme="light"] [class*="bg-slate-900"] { background-color: var(--lt-surface-2); }
html[data-theme="light"] [class*="bg-slate-700"] { background-color: var(--lt-border); }
html[data-theme="light"] [class*="hover:bg-slate-700"]:hover, html[data-theme="light"] [class*="hover:bg-slate-800"]:hover { background-color: var(--lt-brand-hover); }
html[data-theme="light"] [class*="border-slate-700"], html[data-theme="light"] [class*="border-slate-800"] { border-color: var(--lt-border); }
html[data-theme="light"] .text-white.bg-transparent { color: var(--lt-text); }
/* Koyu çok renkli geçişli paneller (from-*-950 …) → düz açık zemin */
html[data-theme="light"] [class*="from-"][class*="-950"] { background-image: none; background-color: var(--lt-surface-2); }
/* Yarı saydam siyah iç paneller (pencere karartmaları /60 ve üstü hariç) */
html[data-theme="light"] .bg-black\/20, html[data-theme="light"] .bg-black\/30, html[data-theme="light"] .bg-black\/40 { background-color: rgba(20, 26, 51, 0.05); }

/* ============ Form ve düğme bileşenleri ============ */
html[data-theme="light"] .theme-input, html[data-theme="light"] .inp { background-color: var(--lt-surface); border-color: var(--lt-border-strong); color: var(--lt-text); }
html[data-theme="light"] .theme-input:focus, html[data-theme="light"] .inp:focus { border-color: var(--lt-brand); box-shadow: 0 0 0 3px rgba(61, 74, 140, 0.15); }
html[data-theme="light"] .theme-btn { background-color: var(--lt-brand); color: #fff; border-color: var(--lt-brand); }
html[data-theme="light"] .theme-btn:hover { background-color: #2f3a73; color: #fff; }
html[data-theme="light"] .theme-btn-danger { color: #be123c; }
html[data-theme="light"] .theme-btn-danger:hover { color: #fff; background-color: #e11d48; }
html[data-theme="light"] .preset-btn { background: var(--lt-surface); color: var(--lt-muted); border-color: var(--lt-border-strong); }
html[data-theme="light"] .preset-btn:hover { color: var(--lt-text); background: var(--lt-brand-soft); border-color: var(--lt-border-strong); }
html[data-theme="light"] .preset-btn.active { background: var(--lt-brand); color: #fff; border-color: var(--lt-brand); box-shadow: none; }
html[data-theme="light"] .status-tab-btn, html[data-theme="light"] .tab-btn, html[data-theme="light"] .tab { color: var(--lt-muted); }
html[data-theme="light"] .status-tab-btn:hover, html[data-theme="light"] .tab-btn:hover { color: var(--lt-text); background: var(--lt-brand-soft); }
html[data-theme="light"] .status-tab-btn.active, html[data-theme="light"] .tab-btn.active { background: var(--lt-brand); color: #fff; border-color: var(--lt-brand); box-shadow: none; }
html[data-theme="light"] .tab.active { color: var(--lt-text); }
html[data-theme="light"] .form-label { color: var(--lt-muted); }
html[data-theme="light"] select option { background: #fff; color: var(--lt-text); }
html[data-theme="light"] input[type="date"], html[data-theme="light"] input[type="time"] { color-scheme: light; }

/* ============ Sayfaya özel bileşenler ============ */
html[data-theme="light"] .legal-body h2, html[data-theme="light"] .legal-body b { color: var(--lt-text); }
html[data-theme="light"] .legal-body p, html[data-theme="light"] .legal-body li { color: var(--lt-text-2); }
html[data-theme="light"] .legal-body a { color: #b45309; }
html[data-theme="light"] .prose-seo p { color: var(--lt-text-2); }
html[data-theme="light"] .prose-seo strong { color: var(--lt-text); }
html[data-theme="light"] .prose-seo a { color: #b45309; }
html[data-theme="light"] .timeline-item { border-left-color: var(--lt-border-strong); }
html[data-theme="light"] .wh-card:hover { border-color: var(--lt-brand); }
html[data-theme="light"] table.grid-t th { background: var(--lt-surface-2); color: var(--lt-muted); }
html[data-theme="light"] .bar { background: var(--lt-surface-2); border-color: var(--lt-border-strong); }
html[data-theme="light"] .tech-grid-bg {
  background-image: linear-gradient(rgba(61, 74, 140, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(61, 74, 140, 0.07) 1px, transparent 1px);
}
html[data-theme="light"] .hero-glow { background: radial-gradient(circle at 50% 30%, rgba(61, 74, 140, 0.10) 0%, rgba(61, 74, 140, 0.04) 45%, transparent 75%); }
/* Canlı Operasyon (TV) ekranı */
html[data-theme="light"] body:has(.tv-card) { background: radial-gradient(circle at 50% 10%, #ffffff 0%, #f3f5fa 60%, #e9ecf5 100%); color: var(--lt-text); }
html[data-theme="light"] .glow-cyan, html[data-theme="light"] .glow-amber, html[data-theme="light"] .glow-emerald { box-shadow: 0 4px 16px rgba(20, 26, 51, 0.06); }

/* ============ Menüler ============ */
/* Müşteri portalı (musteri-portal-shell.js) */
html[data-theme="light"] #portal-sidebar { background-color: var(--lt-surface); border-color: var(--lt-border); }
html[data-theme="light"] .sidebar-link { color: #475069; }
html[data-theme="light"] .sidebar-link:hover { background-color: var(--lt-brand-soft); color: var(--lt-text); }
html[data-theme="light"] .sidebar-link.active { background: var(--lt-brand-soft); color: var(--lt-brand); border-left-color: #d97706; box-shadow: none; }
html[data-theme="light"] .sidebar-subitem { color: #5d6680; }
html[data-theme="light"] .sidebar-subitem:hover { background-color: var(--lt-brand-soft); color: var(--lt-text); }
html[data-theme="light"] .sidebar-subitem.active { background-color: #fef3c7; color: #92400e; }
/* Beyaz Ticamer logosu açık zeminde koyulaşsın (kargo monitörü bu dosyayı yüklemez) */
html[data-theme="light"] img[src*="ticamer-logo"] { filter: invert(1) brightness(0.3); }
/* Koyu zeminli (marka renginde) alanlardaki logo beyaz kalsın */
html[data-theme="light"] .bg-\[\#4B5694\] img[src*="ticamer-logo"] { filter: none; }

/* ============ Tema düğmesi ============ */
.theme-toggle-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 12px; border-radius: 12px; font-size: 11px; font-weight: 700; border: 1px solid #4B5694; background: rgba(75, 86, 148, 0.3); color: #EAE0CF; cursor: pointer; transition: all .15s ease; white-space: nowrap; }
.theme-toggle-btn:hover { background: #4B5694; }
html[data-theme="light"] .theme-toggle-btn { background: var(--lt-surface); color: var(--lt-text); border-color: var(--lt-border-strong); }
html[data-theme="light"] .theme-toggle-btn:hover { background: var(--lt-brand-soft); }
.theme-toggle-floating { position: fixed; left: 16px; bottom: 16px; z-index: 60; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18); }

/* Yarı saydam açık yazı tonları (text-*-300/80 vb.) — düz tonlarla aynı koyu karşılık */
html[data-theme="light"] .text-emerald-300\/80 { color: #047857; }
html[data-theme="light"] .text-emerald-200\/80,
html[data-theme="light"] .text-emerald-200\/90,
html[data-theme="light"] .text-emerald-100\/90 { color: #065f46; }
html[data-theme="light"] .text-amber-300\/80,
html[data-theme="light"] .text-amber-300\/90 { color: #b45309; }
html[data-theme="light"] .text-amber-200\/90 { color: #92400e; }
html[data-theme="light"] .text-rose-300\/70,
html[data-theme="light"] .text-rose-300\/90 { color: #be123c; }
html[data-theme="light"] .text-rose-200\/90 { color: #9f1239; }
html[data-theme="light"] .text-purple-300\/80 { color: #7e22ce; }
html[data-theme="light"] .text-blue-300\/80 { color: #1d4ed8; }

/* Canlı Operasyon (canli-tv): kart içindeki beyaz büyük rakamlar/başlıklar */
html[data-theme="light"] .tv-card .text-white { color: var(--lt-text); text-shadow: none; }
html[data-theme="light"] .tv-card .drop-shadow,
html[data-theme="light"] .tv-card [class*="drop-shadow-"] { filter: none; }

/* Pazaryeri logoları koyu tema için hazırlandı: açık temada logo çerçevesi koyu kalır (entegrasyon sayfaları) */
html[data-theme="light"] .logo-frame { background-color: #2b3350; border-color: #2b3350; }