/* CSS para forçar tema claro nas páginas de autenticação */

/* Remove qualquer tema escuro */
.dark {
    color-scheme: light !important;
}

/* Força o tema claro para todos os componentes Flux */
[data-flux-component] {
    color-scheme: light !important;
}

/* Garante que os labels sejam sempre visíveis */
[data-flux-component="label"],
[data-flux-component="label"] * {
    color: #111827 !important; /* text-gray-900 */
}

/* Garante que os inputs tenham texto visível */
[data-flux-component="input"] input,
[data-flux-component="input"] textarea,
[data-flux-component="input"] select {
    color: #111827 !important; /* text-gray-900 */
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
}

/* Garante que os checkboxes tenham texto visível */
[data-flux-component="checkbox"] label,
[data-flux-component="checkbox"] span {
    color: #111827 !important; /* text-gray-900 */
}

/* Garante que os headings sejam sempre visíveis */
[data-flux-component="heading"] {
    color: #111827 !important; /* text-gray-900 */
}

/* Garante que os subheadings sejam sempre visíveis */
[data-flux-component="subheading"] {
    color: #4b5563 !important; /* text-gray-600 */
}

/* Garante que os links sejam sempre visíveis */
[data-flux-component="link"] {
    color: #2563eb !important; /* text-blue-600 */
}

[data-flux-component="link"]:hover {
    color: #1d4ed8 !important; /* text-blue-700 */
}

/* Garante que os botões tenham texto visível */
[data-flux-component="button"] {
    color: #ffffff !important;
}

/* Remove qualquer estilo de tema escuro */
.dark [data-flux-component] {
    color-scheme: light !important;
}

/* Força cores específicas para elementos de formulário */
.flux-input,
.flux-checkbox,
.flux-heading,
.flux-subheading {
    color-scheme: light !important;
}

/* Garante que os placeholders sejam visíveis */
input::placeholder,
textarea::placeholder {
    color: #9ca3af !important; /* text-gray-400 */
}

/* Remove qualquer classe dark */
.dark {
    background-color: #ffffff !important;
    color: #111827 !important;
}

/* Força o fundo branco para o card de autenticação */
.bg-white {
    background-color: #ffffff !important;
}

/* Garante que os textos sejam sempre visíveis */
.text-gray-900 {
    color: #111827 !important;
}

.text-gray-600 {
    color: #4b5563 !important;
}

.text-gray-700 {
    color: #374151 !important;
}