/* Tema claro do IndicaHMS: inverte a paleta escura para a paleta
   clara original quando <html data-theme="light">. Bloco sem camada
   (unlayered) para vencer os utilitarios do Tailwind. Gerado por
   /tmp/gen-light-theme2.py a partir do src atual + src.bak-tema-claro. */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] {
    --primary: #00353c;
    --primary-container: #0a4d56;
    --on-primary: #ffffff;
    --on-primary-container: #85bdc7;
    --primary-fixed: #b3ecf7;
    --primary-fixed-dim: #98d0da;
    --on-primary-fixed: #001f24;
    --on-primary-fixed-variant: #0c4e57;

    --secondary: #14696d;
    --secondary-container: #a3ecf0;
    --on-secondary: #ffffff;
    --on-secondary-container: #1b6d71;
    --secondary-fixed: #a6eff3;
    --secondary-fixed-dim: #8ad3d7;
    --on-secondary-fixed: #002021;
    --on-secondary-fixed-variant: #004f53;

    --tertiary: #003813;
    --tertiary-container: #005120;
    --on-tertiary: #ffffff;
    --on-tertiary-container: #4cca6c;
    --tertiary-fixed: #7ffc97;
    --tertiary-fixed-dim: #62df7d;
    --on-tertiary-fixed: #002109;
    --on-tertiary-fixed-variant: #005320;

    --surface: #f4f7f9;
    --surface-bright: #f4f7f9;
    --surface-dim: #d8dadc;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #f2f4f6;
    --surface-container: #eceef0;
    --surface-container-high: #e6e8ea;
    --surface-container-highest: #e0e3e5;
    --surface-variant: #e0e3e5;

    --on-surface: #191c1e;
    --on-surface-variant: #40484a;
    --inverse-surface: #2d3133;
    --inverse-on-surface: #eff1f3;

    --outline: #70797a;
    --outline-variant: #bfc8ca;

    --error: #ba1a1a;
    --error-container: #ffdad6;
    --on-error: #ffffff;
    --on-error-container: #93000a;

    --background: #f4f7f9;
    --on-background: #191c1e;
}
html[data-theme="light"] ::-webkit-scrollbar-track { background: #f1f5f9; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd5e1; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
html[data-theme="light"] .bg-\[\#0b0e11\] { background-color: #f4f7f9; }
html[data-theme="light"] .bg-\[\#0d9488\] { background-color: #00353c; }
html[data-theme="light"] .bg-\[\#0f766e\] { background-color: #004d5a; }
html[data-theme="light"] .bg-\[\#10171b\] { background-color: #004d5a; }
html[data-theme="light"] .bg-\[\#141a1e\]\/95 { background-color: color-mix(in oklab, #ffffff 95%, transparent); }
html[data-theme="light"] .bg-\[\#14291a\] { background-color: #f0fdf4; }
html[data-theme="light"] .bg-\[\#14333a\] { background-color: #e0f2f5; }
html[data-theme="light"] .bg-\[\#15502c\] { background-color: #dcfce7; }
html[data-theme="light"] .bg-\[\#1a2126\] { background-color: #ffffff; }
html[data-theme="light"] .bg-\[\#1a2126\]\/60 { background-color: color-mix(in oklab, #ffffff 60%, transparent); }
html[data-theme="light"] .bg-\[\#1c2b33\] { background-color: #00353e; }
html[data-theme="light"] .bg-\[\#1d3038\] { background-color: #e8f1fb; }
html[data-theme="light"] .bg-\[\#1f282e\] { background-color: #f2f4f6; }
html[data-theme="light"] .bg-\[\#222b31\] { background-color: #eceef0; }
html[data-theme="light"] .bg-\[\#2a343b\] { background-color: #e6e8ea; }
html[data-theme="light"] .bg-\[\#2b1a1a\] { background-color: #fef2f2; }
html[data-theme="light"] .bg-\[\#2b2113\] { background-color: #fffbeb; }
html[data-theme="light"] .bg-\[\#2dd4bf\] { background-color: #004d5a; }
html[data-theme="light"] .bg-\[\#38bdf8\] { background-color: #0c5fae; }
html[data-theme="light"] .bg-\[\#3a2a12\] { background-color: #fef3c7; }
html[data-theme="light"] .bg-\[\#3a454c\] { background-color: #bfc8ca; }
html[data-theme="light"] .bg-\[\#3f1d1d\] { background-color: #fee2e2; }
html[data-theme="light"] .border-\[\#166534\] { border-color: #bbf7d0; }
html[data-theme="light"] .border-\[\#1a2126\] { border-color: #ffffff; }
html[data-theme="light"] .border-\[\#262e33\] { border-color: #e6ebef; }
html[data-theme="light"] .border-\[\#2a343b\] { border-color: #e6e8ea; }
html[data-theme="light"] .border-\[\#3a2a12\] { border-color: #fef3c7; }
html[data-theme="light"] .border-\[\#3a454c\] { border-color: #bfc8ca; }
html[data-theme="light"] .border-\[\#7f1d1d\] { border-color: #fecaca; }
html[data-theme="light"] .border-\[\#92400e\] { border-color: #fde68a; }
html[data-theme="light"] .border-\[\#fca5a5\] { border-color: #991b1b; }
html[data-theme="light"] .disabled\:bg-\[\#1f282e\]:disabled { background-color: #f2f4f6; }
html[data-theme="light"] .disabled\:text-\[\#8a979e\]:disabled { color: #70797a; }
html[data-theme="light"] .focus\:bg-\[\#1a2126\]:focus { background-color: #ffffff; }
html[data-theme="light"] .focus\:border-\[\#0d9488\]:focus { border-color: #00353c; }
html[data-theme="light"] .focus\:border-\[\#14b8a6\]:focus { border-color: #0a4d56; }
html[data-theme="light"] .focus\:border-\[\#2dd4bf\]:focus { border-color: #004d5a; }
html[data-theme="light"] .focus\:ring-\[\#0d9488\]\/15:focus { --tw-ring-color: color-mix(in oklab, #00353c 15%, transparent); }
html[data-theme="light"] .focus\:ring-\[\#14b8a6\]:focus { --tw-ring-color: #0a4d56; }
html[data-theme="light"] .hover\:bg-\[\#0b0e11\]:hover { background-color: #f4f7f9; }
html[data-theme="light"] .hover\:bg-\[\#0d9488\]:hover { background-color: #00353c; }
html[data-theme="light"] .hover\:bg-\[\#14b8a6\]:hover { background-color: #0a4d56; }
html[data-theme="light"] .hover\:bg-\[\#1f282e\]:hover { background-color: #f2f4f6; }
html[data-theme="light"] .hover\:bg-\[\#222b31\]:hover { background-color: #eceef0; }
html[data-theme="light"] .hover\:bg-\[\#22363e\]:hover { background-color: #d7e7f8; }
html[data-theme="light"] .hover\:bg-\[\#2b1a1a\]:hover { background-color: #fef2f2; }
html[data-theme="light"] .hover\:bg-\[\#3a2a12\]:hover { background-color: #fef3c7; }
html[data-theme="light"] .hover\:bg-\[\#f87171\]:hover { background-color: #b91c1c; }
html[data-theme="light"] .hover\:border-\[\#3a454c\]:hover { border-color: #bfc8ca; }
html[data-theme="light"] .hover\:text-\[\#e6e9eb\]:hover { color: #191c1e; }
html[data-theme="light"] .placeholder\:text-\[\#7d8a91\]::placeholder { color: #94a3b8; }
html[data-theme="light"] .placeholder\:text-\[\#8a979e\]::placeholder { color: #70797a; }
html[data-theme="light"] .placeholder\:text-\[\#9aa5ab\]::placeholder { color: #40484a; }
html[data-theme="light"] .text-\[\#0d9488\] { color: #00353c; }
html[data-theme="light"] .text-\[\#14b8a6\] { color: #0a4d56; }
html[data-theme="light"] .text-\[\#2dd4bf\] { color: #004d5a; }
html[data-theme="light"] .text-\[\#38bdf8\] { color: #0c5fae; }
html[data-theme="light"] .text-\[\#3a454c\] { color: #bfc8ca; }
html[data-theme="light"] .text-\[\#4ade80\] { color: #166534; }
html[data-theme="light"] .text-\[\#7d8a91\] { color: #94a3b8; }
html[data-theme="light"] .text-\[\#8a979e\] { color: #70797a; }
html[data-theme="light"] .text-\[\#9aa5ab\] { color: #40484a; }
html[data-theme="light"] .text-\[\#e6e9eb\] { color: #191c1e; }
html[data-theme="light"] .text-\[\#f87171\] { color: #b91c1c; }
html[data-theme="light"] .text-\[\#fbbf24\] { color: #92400e; }
html[data-theme="light"] .text-\[\#fca5a5\] { color: #991b1b; }

/* Dropdowns (select) com letras legíveis nos dois temas: o popup nativo
   herda a cor do texto do select, então o fundo das opções é fixado por tema. */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] option { background-color: #1f282e; color: #e6e9eb; }
html[data-theme="dark"] select { color-scheme: dark; }
html[data-theme="light"] option { background-color: #ffffff; color: #191c1e; }