/* ===================================================================== Agenda de Exames - versão Web estilo.css Paleta: azul (#2563eb), cinza (#334155 a #f1f5f9), branco (#ffffff) ===================================================================== */ /* ── Variáveis ─────────────────────────────────────────────────────── */ :root { --azul: #2563eb; --azul-escuro: #1d4ed8; --azul-claro: #eff6ff; --azul-texto: #1e40af; --roxo: #7c3aed; --gradiente-marca: linear-gradient(135deg, var(--azul), var(--roxo)); --sidebar-bg: #0f172a; --sidebar-hover: #1e293b; --sidebar-ativo: #2563eb; --sidebar-txt: #cbd5e1; --sidebar-sub: #64748b; --bg: #f1f5f9; --branco: #ffffff; --borda: #e2e8f0; --txt: #1e293b; --txt-sec: #64748b; --txt-muted: #94a3b8; /* Verde/Âmbar refinados (v21): um passo mais claros que a v20 para não cansar em tabelas longas, mas mantendo contraste WCAG AA com o texto escuro. Ficam entre os tons 100 e 200 do Tailwind. */ --verde: #15803d; --verde-claro: #cff4dd; --verde-suave: #dcfce7; --verde-txt: #14532d; --ambar: #b45309; --ambar-claro: #fdecaa; --ambar-suave: #fef3c7; --ambar-txt: #78350f; --vermelho: #dc2626; --vermelho-claro:#fee2e2; --vermelho-txt: #991b1b; --cinza-100: #f1f5f9; --cinza-200: #e2e8f0; --cinza-300: #cbd5e1; --cinza-400: #94a3b8; --cinza-500: #64748b; --cinza-700: #334155; --sidebar-w: 230px; --raio: 10px; --raio-sm: 6px; --sombra: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05); --sombra-md: 0 4px 12px rgba(0,0,0,.09); --trans: 150ms ease; } /* ── Tema ESCURO ──────────────────────────────────────────────────── Ativado via (aplicado por base.html antes do CSS, para não haver "flash" de tema claro). Sobrescreve APENAS as variáveis - o resto do CSS continua igual. Estratégia: fundo escuro (não preto puro), cards um pouco mais claros, texto quase branco. Verde/Âmbar mantêm o par saturado agora - no fundo escuro, tons claros ganham destaque adequado. */ :root[data-tema="dark"] { --azul: #3b82f6; --azul-escuro: #2563eb; --azul-claro: #1e3a8a; --azul-texto: #93c5fd; --roxo: #8b5cf6; --bg: #0b1220; --branco: #131c30; /* usado como "cor de card" */ --borda: #223055; --txt: #e5e7eb; --txt-sec: #9ca3af; --txt-muted: #6b7280; --verde: #22c55e; --verde-claro: #14532d; /* fundo VERDE escuro para linhas Realizado */ --verde-suave: #0f3c22; --verde-txt: #bbf7d0; --ambar: #f59e0b; --ambar-claro: #78350f; /* fundo ÂMBAR escuro para linhas Pendente */ --ambar-suave: #5a260b; --ambar-txt: #fde68a; --vermelho: #ef4444; --vermelho-claro:#450a0a; --vermelho-txt: #fca5a5; --cinza-100: #1a2438; --cinza-200: #223055; --cinza-300: #37476b; --cinza-400: #6b7280; --cinza-500: #9ca3af; --cinza-700: #d1d5db; --sombra: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25); --sombra-md: 0 6px 18px rgba(0,0,0,.45); } /* Ajustes pontuais que não são só cor de variável, no tema escuro: */ :root[data-tema="dark"] body { background: var(--bg); color: var(--txt); } :root[data-tema="dark"] .campo-input, /* Dropdowns no tema escuro - fix de aparência "com onda" (spellcheck wavy underline que o Chromium aplica ao texto de selects sobre fundo escuro em algumas versões). Overrides defensivos: cor de preenchimento forçada, sem sublinhado, sem sombra de texto, e estiliza também