/* ===================================== TEMA ESCURO — PADRÃO ===================================== */ :root { --bg-primary: #0b1120; --bg-secondary: #111827; --bg-card: #172033; /* Controles nativos do navegador (ícone do calendário nos campos de data, caixas de seleção, scrollbars) seguem o TEMA ESCURO — sem isso o indicador do campo de data vem preto e some no fundo escuro. */ color-scheme: dark; --primary: #00a8ff; --secondary: #2563eb; --accent: #22d3ee; --text-primary: #ffffff; --text-secondary: #94a3b8; --border: #263247; --sidebar-width: 240px; --sidebar-collapsed: 72px; --transition: 0.2s ease; } /* O também usa o fundo do tema: sem isso, no carregamento aparece um "flash" branco atrás do conteúdo enquanto os estilos/fontes chegam. */ html { background: var(--bg-primary); } /* ===================================== TEMA CLARO ===================================== */ [data-theme="light"] { --bg-primary: #f3f6fa; --bg-secondary: #ffffff; --bg-card: #ffffff; /* Tema claro: controles nativos (calendário etc.) voltam ao padrão claro. */ color-scheme: light; --primary: #2563eb; --secondary: #1d4ed8; --accent: #0891b2; --text-primary: #111827; --text-secondary: #64748b; --border: #e2e8f0; } /* ===================================== TEMA NEON ===================================== */ [data-theme="neon"] { --bg-primary: #050816; --bg-secondary: #080d1f; --bg-card: #0d1530; color-scheme: dark; --primary: #00e5ff; --secondary: #7c3aed; --accent: #39ff88; --text-primary: #ffffff; --text-secondary: #9ca3af; --border: #173b5c; }