/* =========================================================================== TEMA ESCURO - GERADO POR scripts/gerar_dark_css.py. NAO EDITE A MAO. Para mudar qualquer cor, altere o gerador e rode: python scripts/gerar_dark_css.py Um teste compara este arquivo com a saida do gerador e falha se os dois sairem de sincronia - edicao manual aqui e perdida na proxima geracao. =========================================================================== */ /* TUDO dentro de `@media screen`: papel e branco. Sem este escopo as regras alcancariam a impressao e o PDF sairia com fundo preto. Um reset em `@media print` nao resolve - sempre falta uma propriedade. */ @media screen { /* ---- Tokens da escada ---- */ html[data-theme="dark"] { --dk-bg: #0f1520; --dk-surface: #1a2231; --dk-sunken: #141b28; --dk-surface-2: #222c3d; --dk-surface-3: #2b3648; --dk-border-soft: #252f40; --dk-border: #2f3b4f; --dk-border-strong: #3f4d64; --dk-text-strong: #f2f6fb; --dk-text: #e3eaf3; --dk-text-soft: #c6d1e0; --dk-text-muted: #a2aec1; --dk-text-faint: #8996a9; --dk-text-dim: #6f7d92; /* scrollbar, date picker e demais controles nativos */ color-scheme: dark; } html[data-theme="dark"] body { background-color: var(--dk-bg); color: var(--dk-text); } /* ---- Camada 1 - neutros ---- */ html[data-theme="dark"] .bg-gray-100 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-200 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-300 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-50 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-100 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-200 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-50 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-white { background-color: var(--dk-surface); } html[data-theme="dark"] .text-gray-300 { color: var(--dk-text-dim); } html[data-theme="dark"] .text-gray-400 { color: var(--dk-text-faint); } html[data-theme="dark"] .text-gray-500 { color: var(--dk-text-muted); } html[data-theme="dark"] .text-gray-600 { color: var(--dk-text-soft); } html[data-theme="dark"] .text-gray-700 { color: var(--dk-text); } html[data-theme="dark"] .text-gray-800 { color: var(--dk-text-strong); } html[data-theme="dark"] .text-gray-900 { color: var(--dk-text-strong); } html[data-theme="dark"] .text-slate-400 { color: var(--dk-text-faint); } html[data-theme="dark"] .text-slate-500 { color: var(--dk-text-muted); } html[data-theme="dark"] .text-slate-600 { color: var(--dk-text-soft); } html[data-theme="dark"] .text-slate-700 { color: var(--dk-text); } html[data-theme="dark"] .text-slate-800 { color: var(--dk-text-strong); } html[data-theme="dark"] .text-slate-900 { color: var(--dk-text-strong); } html[data-theme="dark"] .border-gray-100 { border-color: var(--dk-border-soft); } html[data-theme="dark"] .border-gray-200 { border-color: var(--dk-border); } html[data-theme="dark"] .border-gray-300 { border-color: var(--dk-border-strong); } html[data-theme="dark"] .border-slate-100 { border-color: var(--dk-border-soft); } html[data-theme="dark"] .border-slate-200 { border-color: var(--dk-border); } html[data-theme="dark"] .border-slate-300 { border-color: var(--dk-border-strong); } html[data-theme="dark"] .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--dk-border-soft); } html[data-theme="dark"] .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--dk-border); } html[data-theme="dark"] .divide-gray-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--dk-border-strong); } html[data-theme="dark"] .hover\:bg-gray-100:hover { background-color: var(--dk-surface-2); } html[data-theme="dark"] .hover\:bg-gray-200:hover { background-color: var(--dk-surface-3); } html[data-theme="dark"] .hover\:bg-gray-300:hover { background-color: var(--dk-border-strong); } html[data-theme="dark"] .hover\:bg-gray-50:hover { background-color: var(--dk-sunken); } html[data-theme="dark"] .hover\:bg-slate-100:hover { background-color: var(--dk-surface-2); } html[data-theme="dark"] .hover\:bg-slate-200:hover { background-color: var(--dk-surface-3); } html[data-theme="dark"] .hover\:bg-slate-50:hover { background-color: var(--dk-sunken); } html[data-theme="dark"] .hover\:bg-white:hover { background-color: var(--dk-surface); } html[data-theme="dark"] .hover\:text-gray-300:hover { color: var(--dk-text-dim); } html[data-theme="dark"] .hover\:text-gray-400:hover { color: var(--dk-text-faint); } html[data-theme="dark"] .hover\:text-gray-500:hover { color: var(--dk-text-muted); } html[data-theme="dark"] .hover\:text-gray-600:hover { color: var(--dk-text-soft); } html[data-theme="dark"] .hover\:text-gray-700:hover { color: var(--dk-text); } html[data-theme="dark"] .hover\:text-gray-800:hover { color: var(--dk-text-strong); } html[data-theme="dark"] .hover\:text-gray-900:hover { color: var(--dk-text-strong); } html[data-theme="dark"] .hover\:text-slate-400:hover { color: var(--dk-text-faint); } html[data-theme="dark"] .hover\:text-slate-500:hover { color: var(--dk-text-muted); } html[data-theme="dark"] .hover\:text-slate-600:hover { color: var(--dk-text-soft); } html[data-theme="dark"] .hover\:text-slate-700:hover { color: var(--dk-text); } html[data-theme="dark"] .hover\:text-slate-800:hover { color: var(--dk-text-strong); } html[data-theme="dark"] .hover\:text-slate-900:hover { color: var(--dk-text-strong); } html[data-theme="dark"] .placeholder-gray-400::placeholder { color: var(--dk-text-faint); } html[data-theme="dark"] .placeholder-gray-500::placeholder { color: var(--dk-text-muted); } /* ---- Camada 2 - tintas de paleta ---- */ html[data-theme="dark"] .bg-amber-100 { background-color: rgba(245, 158, 11, 0.14); } html[data-theme="dark"] .hover\:bg-amber-100:hover { background-color: rgba(245, 158, 11, 0.2); } html[data-theme="dark"] .bg-amber-50 { background-color: rgba(245, 158, 11, 0.1); } html[data-theme="dark"] .hover\:bg-amber-50:hover { background-color: rgba(245, 158, 11, 0.16); } html[data-theme="dark"] .text-amber-600 { color: #fbbf24; } html[data-theme="dark"] .text-amber-700 { color: #fcd34d; } html[data-theme="dark"] .text-amber-800 { color: #fcd34d; } html[data-theme="dark"] .text-amber-900 { color: #fcd34d; } html[data-theme="dark"] .border-amber-100 { border-color: rgba(245, 158, 11, 0.3); } html[data-theme="dark"] .border-amber-200 { border-color: rgba(245, 158, 11, 0.3); } html[data-theme="dark"] .bg-blue-100 { background-color: rgba(59, 130, 246, 0.14); } html[data-theme="dark"] .hover\:bg-blue-100:hover { background-color: rgba(59, 130, 246, 0.2); } html[data-theme="dark"] .bg-blue-50 { background-color: rgba(59, 130, 246, 0.1); } html[data-theme="dark"] .hover\:bg-blue-50:hover { background-color: rgba(59, 130, 246, 0.16); } html[data-theme="dark"] .text-blue-600 { color: #60a5fa; } html[data-theme="dark"] .text-blue-700 { color: #93c5fd; } html[data-theme="dark"] .text-blue-800 { color: #93c5fd; } html[data-theme="dark"] .text-blue-900 { color: #93c5fd; } html[data-theme="dark"] .border-blue-100 { border-color: rgba(59, 130, 246, 0.3); } html[data-theme="dark"] .border-blue-200 { border-color: rgba(59, 130, 246, 0.3); } html[data-theme="dark"] .bg-cyan-100 { background-color: rgba(6, 182, 212, 0.14); } html[data-theme="dark"] .hover\:bg-cyan-100:hover { background-color: rgba(6, 182, 212, 0.2); } html[data-theme="dark"] .bg-cyan-50 { background-color: rgba(6, 182, 212, 0.1); } html[data-theme="dark"] .hover\:bg-cyan-50:hover { background-color: rgba(6, 182, 212, 0.16); } html[data-theme="dark"] .text-cyan-600 { color: #22d3ee; } html[data-theme="dark"] .text-cyan-700 { color: #67e8f9; } html[data-theme="dark"] .text-cyan-800 { color: #67e8f9; } html[data-theme="dark"] .text-cyan-900 { color: #67e8f9; } html[data-theme="dark"] .border-cyan-100 { border-color: rgba(6, 182, 212, 0.3); } html[data-theme="dark"] .border-cyan-200 { border-color: rgba(6, 182, 212, 0.3); } html[data-theme="dark"] .bg-emerald-100 { background-color: rgba(16, 185, 129, 0.14); } html[data-theme="dark"] .hover\:bg-emerald-100:hover { background-color: rgba(16, 185, 129, 0.2); } html[data-theme="dark"] .bg-emerald-50 { background-color: rgba(16, 185, 129, 0.1); } html[data-theme="dark"] .hover\:bg-emerald-50:hover { background-color: rgba(16, 185, 129, 0.16); } html[data-theme="dark"] .text-emerald-600 { color: #34d399; } html[data-theme="dark"] .text-emerald-700 { color: #6ee7b7; } html[data-theme="dark"] .text-emerald-800 { color: #6ee7b7; } html[data-theme="dark"] .text-emerald-900 { color: #6ee7b7; } html[data-theme="dark"] .border-emerald-100 { border-color: rgba(16, 185, 129, 0.3); } html[data-theme="dark"] .border-emerald-200 { border-color: rgba(16, 185, 129, 0.3); } html[data-theme="dark"] .bg-fuchsia-100 { background-color: rgba(217, 70, 239, 0.14); } html[data-theme="dark"] .hover\:bg-fuchsia-100:hover { background-color: rgba(217, 70, 239, 0.2); } html[data-theme="dark"] .bg-fuchsia-50 { background-color: rgba(217, 70, 239, 0.1); } html[data-theme="dark"] .hover\:bg-fuchsia-50:hover { background-color: rgba(217, 70, 239, 0.16); } html[data-theme="dark"] .text-fuchsia-600 { color: #e879f9; } html[data-theme="dark"] .text-fuchsia-700 { color: #f0abfc; } html[data-theme="dark"] .text-fuchsia-800 { color: #f0abfc; } html[data-theme="dark"] .text-fuchsia-900 { color: #f0abfc; } html[data-theme="dark"] .border-fuchsia-100 { border-color: rgba(217, 70, 239, 0.3); } html[data-theme="dark"] .border-fuchsia-200 { border-color: rgba(217, 70, 239, 0.3); } html[data-theme="dark"] .bg-green-100 { background-color: rgba(34, 197, 94, 0.14); } html[data-theme="dark"] .hover\:bg-green-100:hover { background-color: rgba(34, 197, 94, 0.2); } html[data-theme="dark"] .bg-green-50 { background-color: rgba(34, 197, 94, 0.1); } html[data-theme="dark"] .hover\:bg-green-50:hover { background-color: rgba(34, 197, 94, 0.16); } html[data-theme="dark"] .text-green-600 { color: #4ade80; } html[data-theme="dark"] .text-green-700 { color: #86efac; } html[data-theme="dark"] .text-green-800 { color: #86efac; } html[data-theme="dark"] .text-green-900 { color: #86efac; } html[data-theme="dark"] .border-green-100 { border-color: rgba(34, 197, 94, 0.3); } html[data-theme="dark"] .border-green-200 { border-color: rgba(34, 197, 94, 0.3); } html[data-theme="dark"] .bg-indigo-100 { background-color: rgba(99, 102, 241, 0.14); } html[data-theme="dark"] .hover\:bg-indigo-100:hover { background-color: rgba(99, 102, 241, 0.2); } html[data-theme="dark"] .bg-indigo-50 { background-color: rgba(99, 102, 241, 0.1); } html[data-theme="dark"] .hover\:bg-indigo-50:hover { background-color: rgba(99, 102, 241, 0.16); } html[data-theme="dark"] .text-indigo-600 { color: #818cf8; } html[data-theme="dark"] .text-indigo-700 { color: #a5b4fc; } html[data-theme="dark"] .text-indigo-800 { color: #a5b4fc; } html[data-theme="dark"] .text-indigo-900 { color: #a5b4fc; } html[data-theme="dark"] .border-indigo-100 { border-color: rgba(99, 102, 241, 0.3); } html[data-theme="dark"] .border-indigo-200 { border-color: rgba(99, 102, 241, 0.3); } html[data-theme="dark"] .bg-lime-100 { background-color: rgba(132, 204, 22, 0.14); } html[data-theme="dark"] .hover\:bg-lime-100:hover { background-color: rgba(132, 204, 22, 0.2); } html[data-theme="dark"] .bg-lime-50 { background-color: rgba(132, 204, 22, 0.1); } html[data-theme="dark"] .hover\:bg-lime-50:hover { background-color: rgba(132, 204, 22, 0.16); } html[data-theme="dark"] .text-lime-600 { color: #a3e635; } html[data-theme="dark"] .text-lime-700 { color: #bef264; } html[data-theme="dark"] .text-lime-800 { color: #bef264; } html[data-theme="dark"] .text-lime-900 { color: #bef264; } html[data-theme="dark"] .border-lime-100 { border-color: rgba(132, 204, 22, 0.3); } html[data-theme="dark"] .border-lime-200 { border-color: rgba(132, 204, 22, 0.3); } html[data-theme="dark"] .bg-orange-100 { background-color: rgba(249, 115, 22, 0.14); } html[data-theme="dark"] .hover\:bg-orange-100:hover { background-color: rgba(249, 115, 22, 0.2); } html[data-theme="dark"] .bg-orange-50 { background-color: rgba(249, 115, 22, 0.1); } html[data-theme="dark"] .hover\:bg-orange-50:hover { background-color: rgba(249, 115, 22, 0.16); } html[data-theme="dark"] .text-orange-600 { color: #fb923c; } html[data-theme="dark"] .text-orange-700 { color: #fdba74; } html[data-theme="dark"] .text-orange-800 { color: #fdba74; } html[data-theme="dark"] .text-orange-900 { color: #fdba74; } html[data-theme="dark"] .border-orange-100 { border-color: rgba(249, 115, 22, 0.3); } html[data-theme="dark"] .border-orange-200 { border-color: rgba(249, 115, 22, 0.3); } html[data-theme="dark"] .bg-pink-100 { background-color: rgba(236, 72, 153, 0.14); } html[data-theme="dark"] .hover\:bg-pink-100:hover { background-color: rgba(236, 72, 153, 0.2); } html[data-theme="dark"] .bg-pink-50 { background-color: rgba(236, 72, 153, 0.1); } html[data-theme="dark"] .hover\:bg-pink-50:hover { background-color: rgba(236, 72, 153, 0.16); } html[data-theme="dark"] .text-pink-600 { color: #f472b6; } html[data-theme="dark"] .text-pink-700 { color: #f9a8d4; } html[data-theme="dark"] .text-pink-800 { color: #f9a8d4; } html[data-theme="dark"] .text-pink-900 { color: #f9a8d4; } html[data-theme="dark"] .border-pink-100 { border-color: rgba(236, 72, 153, 0.3); } html[data-theme="dark"] .border-pink-200 { border-color: rgba(236, 72, 153, 0.3); } html[data-theme="dark"] .bg-purple-100 { background-color: rgba(168, 85, 247, 0.14); } html[data-theme="dark"] .hover\:bg-purple-100:hover { background-color: rgba(168, 85, 247, 0.2); } html[data-theme="dark"] .bg-purple-50 { background-color: rgba(168, 85, 247, 0.1); } html[data-theme="dark"] .hover\:bg-purple-50:hover { background-color: rgba(168, 85, 247, 0.16); } html[data-theme="dark"] .text-purple-600 { color: #c084fc; } html[data-theme="dark"] .text-purple-700 { color: #d8b4fe; } html[data-theme="dark"] .text-purple-800 { color: #d8b4fe; } html[data-theme="dark"] .text-purple-900 { color: #d8b4fe; } html[data-theme="dark"] .border-purple-100 { border-color: rgba(168, 85, 247, 0.3); } html[data-theme="dark"] .border-purple-200 { border-color: rgba(168, 85, 247, 0.3); } html[data-theme="dark"] .bg-red-100 { background-color: rgba(239, 68, 68, 0.14); } html[data-theme="dark"] .hover\:bg-red-100:hover { background-color: rgba(239, 68, 68, 0.2); } html[data-theme="dark"] .bg-red-50 { background-color: rgba(239, 68, 68, 0.1); } html[data-theme="dark"] .hover\:bg-red-50:hover { background-color: rgba(239, 68, 68, 0.16); } html[data-theme="dark"] .text-red-600 { color: #f87171; } html[data-theme="dark"] .text-red-700 { color: #fca5a5; } html[data-theme="dark"] .text-red-800 { color: #fca5a5; } html[data-theme="dark"] .text-red-900 { color: #fca5a5; } html[data-theme="dark"] .border-red-100 { border-color: rgba(239, 68, 68, 0.3); } html[data-theme="dark"] .border-red-200 { border-color: rgba(239, 68, 68, 0.3); } html[data-theme="dark"] .bg-rose-100 { background-color: rgba(244, 63, 94, 0.14); } html[data-theme="dark"] .hover\:bg-rose-100:hover { background-color: rgba(244, 63, 94, 0.2); } html[data-theme="dark"] .bg-rose-50 { background-color: rgba(244, 63, 94, 0.1); } html[data-theme="dark"] .hover\:bg-rose-50:hover { background-color: rgba(244, 63, 94, 0.16); } html[data-theme="dark"] .text-rose-600 { color: #fb7185; } html[data-theme="dark"] .text-rose-700 { color: #fda4af; } html[data-theme="dark"] .text-rose-800 { color: #fda4af; } html[data-theme="dark"] .text-rose-900 { color: #fda4af; } html[data-theme="dark"] .border-rose-100 { border-color: rgba(244, 63, 94, 0.3); } html[data-theme="dark"] .border-rose-200 { border-color: rgba(244, 63, 94, 0.3); } html[data-theme="dark"] .bg-sky-100 { background-color: rgba(14, 165, 233, 0.14); } html[data-theme="dark"] .hover\:bg-sky-100:hover { background-color: rgba(14, 165, 233, 0.2); } html[data-theme="dark"] .bg-sky-50 { background-color: rgba(14, 165, 233, 0.1); } html[data-theme="dark"] .hover\:bg-sky-50:hover { background-color: rgba(14, 165, 233, 0.16); } html[data-theme="dark"] .text-sky-600 { color: #38bdf8; } html[data-theme="dark"] .text-sky-700 { color: #7dd3fc; } html[data-theme="dark"] .text-sky-800 { color: #7dd3fc; } html[data-theme="dark"] .text-sky-900 { color: #7dd3fc; } html[data-theme="dark"] .border-sky-100 { border-color: rgba(14, 165, 233, 0.3); } html[data-theme="dark"] .border-sky-200 { border-color: rgba(14, 165, 233, 0.3); } html[data-theme="dark"] .bg-teal-100 { background-color: rgba(20, 184, 166, 0.14); } html[data-theme="dark"] .hover\:bg-teal-100:hover { background-color: rgba(20, 184, 166, 0.2); } html[data-theme="dark"] .bg-teal-50 { background-color: rgba(20, 184, 166, 0.1); } html[data-theme="dark"] .hover\:bg-teal-50:hover { background-color: rgba(20, 184, 166, 0.16); } html[data-theme="dark"] .text-teal-600 { color: #2dd4bf; } html[data-theme="dark"] .text-teal-700 { color: #5eead4; } html[data-theme="dark"] .text-teal-800 { color: #5eead4; } html[data-theme="dark"] .text-teal-900 { color: #5eead4; } html[data-theme="dark"] .border-teal-100 { border-color: rgba(20, 184, 166, 0.3); } html[data-theme="dark"] .border-teal-200 { border-color: rgba(20, 184, 166, 0.3); } html[data-theme="dark"] .bg-violet-100 { background-color: rgba(139, 92, 246, 0.14); } html[data-theme="dark"] .hover\:bg-violet-100:hover { background-color: rgba(139, 92, 246, 0.2); } html[data-theme="dark"] .bg-violet-50 { background-color: rgba(139, 92, 246, 0.1); } html[data-theme="dark"] .hover\:bg-violet-50:hover { background-color: rgba(139, 92, 246, 0.16); } html[data-theme="dark"] .text-violet-600 { color: #a78bfa; } html[data-theme="dark"] .text-violet-700 { color: #c4b5fd; } html[data-theme="dark"] .text-violet-800 { color: #c4b5fd; } html[data-theme="dark"] .text-violet-900 { color: #c4b5fd; } html[data-theme="dark"] .border-violet-100 { border-color: rgba(139, 92, 246, 0.3); } html[data-theme="dark"] .border-violet-200 { border-color: rgba(139, 92, 246, 0.3); } html[data-theme="dark"] .bg-yellow-100 { background-color: rgba(234, 179, 8, 0.14); } html[data-theme="dark"] .hover\:bg-yellow-100:hover { background-color: rgba(234, 179, 8, 0.2); } html[data-theme="dark"] .bg-yellow-50 { background-color: rgba(234, 179, 8, 0.1); } html[data-theme="dark"] .hover\:bg-yellow-50:hover { background-color: rgba(234, 179, 8, 0.16); } html[data-theme="dark"] .text-yellow-600 { color: #facc15; } html[data-theme="dark"] .text-yellow-700 { color: #fde047; } html[data-theme="dark"] .text-yellow-800 { color: #fde047; } html[data-theme="dark"] .text-yellow-900 { color: #fde047; } html[data-theme="dark"] .border-yellow-100 { border-color: rgba(234, 179, 8, 0.3); } html[data-theme="dark"] .border-yellow-200 { border-color: rgba(234, 179, 8, 0.3); } /* ---- Camada 3 - modificadores de opacidade ---- */ html[data-theme="dark"] .bg-gray-100\/40 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/50 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/60 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/70 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/75 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/80 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/90 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/95 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-100\/100 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-gray-200\/40 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/50 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/60 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/70 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/75 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/80 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/90 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/95 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-200\/100 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-gray-300\/40 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/50 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/60 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/70 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/75 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/80 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/90 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/95 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-300\/100 { background-color: var(--dk-border-strong); } html[data-theme="dark"] .bg-gray-50\/40 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/50 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/60 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/70 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/75 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/80 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/90 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/95 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-gray-50\/100 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-100\/40 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/50 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/60 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/70 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/75 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/80 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/90 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/95 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-100\/100 { background-color: var(--dk-surface-2); } html[data-theme="dark"] .bg-slate-200\/40 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/50 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/60 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/70 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/75 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/80 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/90 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/95 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-200\/100 { background-color: var(--dk-surface-3); } html[data-theme="dark"] .bg-slate-50\/40 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/50 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/60 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/70 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/75 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/80 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/90 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/95 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-slate-50\/100 { background-color: var(--dk-sunken); } html[data-theme="dark"] .bg-white\/40 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/50 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/60 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/70 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/75 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/80 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/90 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/95 { background-color: var(--dk-surface); } html[data-theme="dark"] .bg-white\/100 { background-color: var(--dk-surface); } /* ---- Camada 4 - gradientes ---- */ html[data-theme="dark"] .from-gray-100 { --tw-gradient-from: rgb(34, 44, 61) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 44, 61, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html[data-theme="dark"] .via-gray-100 { --tw-gradient-to: rgba(34, 44, 61, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(34, 44, 61) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-gray-100 { --tw-gradient-to: rgb(34, 44, 61) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-gray-50 { --tw-gradient-from: rgb(20, 27, 40) var(--tw-gradient-from-position); --tw-gradient-to: rgba(20, 27, 40, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html[data-theme="dark"] .via-gray-50 { --tw-gradient-to: rgba(20, 27, 40, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(20, 27, 40) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-gray-50 { --tw-gradient-to: rgb(20, 27, 40) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-slate-100 { --tw-gradient-from: rgb(34, 44, 61) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34, 44, 61, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html[data-theme="dark"] .via-slate-100 { --tw-gradient-to: rgba(34, 44, 61, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(34, 44, 61) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-slate-100 { --tw-gradient-to: rgb(34, 44, 61) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-slate-50 { --tw-gradient-from: rgb(20, 27, 40) var(--tw-gradient-from-position); --tw-gradient-to: rgba(20, 27, 40, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html[data-theme="dark"] .via-slate-50 { --tw-gradient-to: rgba(20, 27, 40, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(20, 27, 40) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-slate-50 { --tw-gradient-to: rgb(20, 27, 40) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-white { --tw-gradient-from: rgb(26, 34, 49) var(--tw-gradient-from-position); --tw-gradient-to: rgba(26, 34, 49, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html[data-theme="dark"] .via-white { --tw-gradient-to: rgba(26, 34, 49, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(26, 34, 49) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-white { --tw-gradient-to: rgb(26, 34, 49) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-amber-100 { --tw-gradient-from: rgba(245, 158, 11, 0.14) 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-theme="dark"] .via-amber-100 { --tw-gradient-to: rgba(245, 158, 11, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(245, 158, 11, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-amber-100 { --tw-gradient-to: rgba(245, 158, 11, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-amber-50 { --tw-gradient-to: rgba(245, 158, 11, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(245, 158, 11, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-amber-50 { --tw-gradient-to: rgba(245, 158, 11, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-blue-100 { --tw-gradient-from: rgba(59, 130, 246, 0.14) 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-theme="dark"] .via-blue-100 { --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(59, 130, 246, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-blue-100 { --tw-gradient-to: rgba(59, 130, 246, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-blue-50 { --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(59, 130, 246, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-blue-50 { --tw-gradient-to: rgba(59, 130, 246, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-cyan-100 { --tw-gradient-from: rgba(6, 182, 212, 0.14) 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-theme="dark"] .via-cyan-100 { --tw-gradient-to: rgba(6, 182, 212, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(6, 182, 212, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-cyan-100 { --tw-gradient-to: rgba(6, 182, 212, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-cyan-50 { --tw-gradient-to: rgba(6, 182, 212, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(6, 182, 212, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-cyan-50 { --tw-gradient-to: rgba(6, 182, 212, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-emerald-100 { --tw-gradient-from: rgba(16, 185, 129, 0.14) 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-theme="dark"] .via-emerald-100 { --tw-gradient-to: rgba(16, 185, 129, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(16, 185, 129, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-emerald-100 { --tw-gradient-to: rgba(16, 185, 129, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-emerald-50 { --tw-gradient-to: rgba(16, 185, 129, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(16, 185, 129, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-emerald-50 { --tw-gradient-to: rgba(16, 185, 129, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-fuchsia-100 { --tw-gradient-from: rgba(217, 70, 239, 0.14) 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-theme="dark"] .via-fuchsia-100 { --tw-gradient-to: rgba(217, 70, 239, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(217, 70, 239, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-fuchsia-100 { --tw-gradient-to: rgba(217, 70, 239, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-fuchsia-50 { --tw-gradient-to: rgba(217, 70, 239, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(217, 70, 239, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-fuchsia-50 { --tw-gradient-to: rgba(217, 70, 239, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-green-100 { --tw-gradient-from: rgba(34, 197, 94, 0.14) 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-theme="dark"] .via-green-100 { --tw-gradient-to: rgba(34, 197, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(34, 197, 94, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-green-100 { --tw-gradient-to: rgba(34, 197, 94, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-green-50 { --tw-gradient-to: rgba(34, 197, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(34, 197, 94, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-green-50 { --tw-gradient-to: rgba(34, 197, 94, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-indigo-100 { --tw-gradient-from: rgba(99, 102, 241, 0.14) 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-theme="dark"] .via-indigo-100 { --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(99, 102, 241, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-indigo-100 { --tw-gradient-to: rgba(99, 102, 241, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-indigo-50 { --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(99, 102, 241, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-indigo-50 { --tw-gradient-to: rgba(99, 102, 241, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-lime-100 { --tw-gradient-from: rgba(132, 204, 22, 0.14) 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-theme="dark"] .via-lime-100 { --tw-gradient-to: rgba(132, 204, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(132, 204, 22, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-lime-100 { --tw-gradient-to: rgba(132, 204, 22, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-lime-50 { --tw-gradient-to: rgba(132, 204, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(132, 204, 22, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-lime-50 { --tw-gradient-to: rgba(132, 204, 22, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-orange-100 { --tw-gradient-from: rgba(249, 115, 22, 0.14) 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-theme="dark"] .via-orange-100 { --tw-gradient-to: rgba(249, 115, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(249, 115, 22, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-orange-100 { --tw-gradient-to: rgba(249, 115, 22, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-orange-50 { --tw-gradient-to: rgba(249, 115, 22, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(249, 115, 22, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-orange-50 { --tw-gradient-to: rgba(249, 115, 22, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-pink-100 { --tw-gradient-from: rgba(236, 72, 153, 0.14) 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-theme="dark"] .via-pink-100 { --tw-gradient-to: rgba(236, 72, 153, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(236, 72, 153, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-pink-100 { --tw-gradient-to: rgba(236, 72, 153, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-pink-50 { --tw-gradient-to: rgba(236, 72, 153, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(236, 72, 153, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-pink-50 { --tw-gradient-to: rgba(236, 72, 153, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-purple-100 { --tw-gradient-from: rgba(168, 85, 247, 0.14) 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-theme="dark"] .via-purple-100 { --tw-gradient-to: rgba(168, 85, 247, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(168, 85, 247, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-purple-100 { --tw-gradient-to: rgba(168, 85, 247, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-purple-50 { --tw-gradient-to: rgba(168, 85, 247, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(168, 85, 247, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-purple-50 { --tw-gradient-to: rgba(168, 85, 247, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-red-100 { --tw-gradient-from: rgba(239, 68, 68, 0.14) 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-theme="dark"] .via-red-100 { --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(239, 68, 68, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-red-100 { --tw-gradient-to: rgba(239, 68, 68, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-red-50 { --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(239, 68, 68, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-red-50 { --tw-gradient-to: rgba(239, 68, 68, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-rose-100 { --tw-gradient-from: rgba(244, 63, 94, 0.14) 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-theme="dark"] .via-rose-100 { --tw-gradient-to: rgba(244, 63, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(244, 63, 94, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-rose-100 { --tw-gradient-to: rgba(244, 63, 94, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-rose-50 { --tw-gradient-to: rgba(244, 63, 94, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(244, 63, 94, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-rose-50 { --tw-gradient-to: rgba(244, 63, 94, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-sky-100 { --tw-gradient-from: rgba(14, 165, 233, 0.14) 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-theme="dark"] .via-sky-100 { --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(14, 165, 233, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-sky-100 { --tw-gradient-to: rgba(14, 165, 233, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-sky-50 { --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(14, 165, 233, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-sky-50 { --tw-gradient-to: rgba(14, 165, 233, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-teal-100 { --tw-gradient-from: rgba(20, 184, 166, 0.14) 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-theme="dark"] .via-teal-100 { --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-teal-100 { --tw-gradient-to: rgba(20, 184, 166, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-teal-50 { --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-teal-50 { --tw-gradient-to: rgba(20, 184, 166, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-violet-100 { --tw-gradient-from: rgba(139, 92, 246, 0.14) 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-theme="dark"] .via-violet-100 { --tw-gradient-to: rgba(139, 92, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(139, 92, 246, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-violet-100 { --tw-gradient-to: rgba(139, 92, 246, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-violet-50 { --tw-gradient-to: rgba(139, 92, 246, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(139, 92, 246, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-violet-50 { --tw-gradient-to: rgba(139, 92, 246, 0.1) var(--tw-gradient-to-position); } html[data-theme="dark"] .from-yellow-100 { --tw-gradient-from: rgba(234, 179, 8, 0.14) 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-theme="dark"] .via-yellow-100 { --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(234, 179, 8, 0.14) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-yellow-100 { --tw-gradient-to: rgba(234, 179, 8, 0.14) var(--tw-gradient-to-position); } html[data-theme="dark"] .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-theme="dark"] .via-yellow-50 { --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(234, 179, 8, 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } html[data-theme="dark"] .to-yellow-50 { --tw-gradient-to: rgba(234, 179, 8, 0.1) var(--tw-gradient-to-position); } /* ---- Camada 5 - valores arbitrarios ---- */ html[data-theme="dark"] .bg-\[\#D9FDD3\] { background-color: #144d37; } html[data-theme="dark"] .bg-\[\#d9fdd3\] { background-color: #144d37; } html[data-theme="dark"] .bg-\[\#DCF8C6\] { background-color: #144d37; } html[data-theme="dark"] .bg-\[\#dcf8c6\] { background-color: #144d37; } html[data-theme="dark"] .bg-\[\#E5DDD5\] { background-color: #0d1418; } html[data-theme="dark"] .bg-\[\#e5ddd5\] { background-color: #0d1418; } html[data-theme="dark"] .text-\[\#003882\] { color: #8fb8f0; } html[data-theme="dark"] .text-\[\#1E3A5F\] { color: #9fc0e8; } html[data-theme="dark"] .text-\[\#1e3a5f\] { color: #9fc0e8; } html[data-theme="dark"] .text-\[\#8A5A2B\] { color: #e0b184; } html[data-theme="dark"] .text-\[\#8a5a2b\] { color: #e0b184; } /* ---- Controles nativos e elevacao ---- */ html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select { background-color: var(--dk-surface-2); border-color: var(--dk-border); color: var(--dk-text); } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: var(--dk-text-faint); } html[data-theme="dark"] input:-webkit-autofill { -webkit-text-fill-color: var(--dk-text); -webkit-box-shadow: 0 0 0 1000px var(--dk-surface-2) inset; } html[data-theme="dark"] thead { background-color: var(--dk-sunken); } html[data-theme="dark"] .shadow, html[data-theme="dark"] .shadow-sm, html[data-theme="dark"] .shadow-md, html[data-theme="dark"] .shadow-lg, html[data-theme="dark"] .shadow-xl { --tw-shadow-color: rgba(0, 0, 0, .55); --tw-shadow: var(--tw-shadow-colored); } }