/* ========================================
   MELHORIAS DE CONTRASTE - WCAG AA
   Arquivo dedicado para aumentar legibilidade
   sem alterar layout ou estrutura
   ======================================== */

/* ============ CORES BASE MELHORADAS ============ */

/* Textos principais sobre fundo claro - Aumentar contraste */
body {
    color: #1a1a1a !important; /* Muito mais escuro que #1f2937 */
}

/* Textos secundários - Melhorar legibilidade */
.text-base-600 {
    color: #404040 !important; /* Mais escuro que #4b5563 */
}

.text-base-700 {
    color: #2d2d2d !important; /* Mais escuro que #374151 */
}

.text-base-500 {
    color: #525252 !important; /* Mais escuro que #6b7280 */
}

.text-base-400 {
    color: #666666 !important; /* Mais escuro que #9ca3af */
}

/* ============ SIDEBAR - MELHOR CONTRASTE ============ */

/* Menu items no sidebar */
.sidebar-menu-item,
aside .nav-tab,
aside a {
    color: #2d2d2d !important; /* Texto muito mais escuro */
}

/* Submenu items */
aside .text-base-600,
nav .text-base-600 {
    color: #404040 !important;
}

/* Menu ativo - manter contraste bom */
.sidebar-menu-item.active,
.nav-tab.bg-indigo-50 {
    color: #3730a3 !important; /* Indigo mais escuro */
}

/* ============ HEADER - MELHOR LEGIBILIDADE ============ */

header h1,
header .font-semibold {
    color: #1a1a1a !important;
}

header p,
header .text-xs {
    color: #404040 !important;
}

/* ============ TABELAS - CONTRASTE APRIMORADO ============ */

/* Cabeçalhos de tabela */
table th {
    color: #1a1a1a !important;
    font-weight: 600 !important;
}

/* Células de tabela */
table td {
    color: #2d2d2d !important;
}

/* Textos secundários em tabelas */
table .text-gray-400,
table .text-base-400 {
    color: #595959 !important;
}

/* ============ BOTÕES - MELHOR CONTRASTE ============ */

/* Botões de ação secundários */
button,
.btn {
    font-weight: 500 !important;
}

/* Botões com fundo claro */
.bg-base-100,
.hover\:bg-base-100:hover {
    color: #2d2d2d !important;
}

/* Links e botões de texto */
a:not(.btn):not(.nav-tab) {
    color: #3730a3 !important;
}

/* ============ FORMULÁRIOS - INPUTS LEGÍVEIS ============ */

/* Labels de formulário */
label,
.label {
    color: #1a1a1a !important;
    font-weight: 500 !important;
}

/* Inputs - texto mais escuro */
input,
textarea,
select {
    color: #1a1a1a !important;
}

input::placeholder,
textarea::placeholder {
    color: #737373 !important; /* Placeholder mais escuro */
}

/* ============ CARDS E CONTAINERS ============ */

/* Títulos em cards */
.card h2,
.card h3,
h1, h2, h3, h4, h5, h6 {
    color: #1a1a1a !important;
}

/* Descrições em cards */
.card p,
.description {
    color: #2d2d2d !important;
}

/* ============ STATUS E BADGES ============ */

/* Melhorar contraste em badges claros */
.status-rascunho {
    color: #1e293b !important; /* Muito mais escuro */
    background: #e2e8f0 !important;
}

.status-pendente {
    color: #7c2d12 !important; /* Laranja escuro */
}

.status-aberto {
    color: #3730a3 !important; /* Indigo escuro */
}

/* ============ MOBILE MENU ============ */

#mobileMenu nav a,
#mobileMenu button {
    color: #2d2d2d !important;
}

#mobileMenu .text-base-600 {
    color: #404040 !important;
}

/* ============ MODO ESCURO - MANTER BOM CONTRASTE ============ */

.dark body,
body.dark {
    color: #f5f5f5 !important;
}

.dark .text-base-300,
.dark .text-base-400 {
    color: #d4d4d4 !important; /* Mais claro em dark mode */
}

.dark .text-base-600 {
    color: #a3a3a3 !important;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
    color: #ffffff !important;
}

/* Sidebar em dark mode */
.dark .sidebar-menu-item,
.dark aside .nav-tab,
.dark aside a {
    color: #e5e5e5 !important;
}

/* Tabelas em dark mode */
.dark table th {
    color: #f5f5f5 !important;
}

.dark table td {
    color: #e5e5e5 !important;
}

/* ============ ACESSIBILIDADE ADICIONAL ============ */

/* Melhorar foco visível */
input:focus,
button:focus,
select:focus,
textarea:focus,
a:focus {
    outline: 2px solid #4f46e5 !important;
    outline-offset: 2px !important;
}

/* Links com hover mais visível */
a:hover {
    opacity: 0.85 !important;
}

/* ============ TEXTO EM FUNDOS COLORIDOS ============ */

/* Garantir contraste em backgrounds coloridos */
.bg-indigo-50 {
    color: #3730a3 !important;
}

.bg-green-50 {
    color: #166534 !important;
}

.bg-red-50 {
    color: #991b1b !important;
}

.bg-yellow-50 {
    color: #854d0e !important;
}

.bg-blue-50 {
    color: #1e3a8a !important;
}

/* ============ TIPOGRAFIA APRIMORADA ============ */

/* Melhorar peso de fonte para legibilidade */
body {
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Títulos mais evidentes */
h1, h2, h3 {
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

/* Textos pequenos mais legíveis */
.text-xs,
.text-sm {
    font-weight: 500 !important;
}

/* ============ CONTRASTE EM HOVER STATES ============ */

/* Garantir que hover não reduz contraste */
button:hover,
.btn:hover {
    color: #1a1a1a !important;
}

.dark button:hover,
.dark .btn:hover {
    color: #ffffff !important;
}

/* ============ ÍCONES - MELHOR VISIBILIDADE ============ */

/* Ícones em menus */
[data-lucide] {
    stroke-width: 2 !important; /* Ícones mais grossos = mais visíveis */
}

/* ============ MARKETPLACE ESPECÍFICO ============ */

/* Preços e valores destacados */
.price,
.font-bold {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

.dark .price,
.dark .font-bold {
    color: #ffffff !important;
}

/* ============ ALERTAS E NOTIFICAÇÕES ============ */

/* Manter bom contraste em alertas */
.alert,
#notification {
    font-weight: 500 !important;
}

/* ============ FOOTER ============ */

footer,
.sidebar-footer,
.border-t p {
    color: #525252 !important;
}

.dark footer,
.dark .sidebar-footer,
.dark .border-t p {
    color: #a3a3a3 !important;
}