/* ============================================================ CRM Real Precatório — dourado sobre grafite ============================================================ */ :root { --dourado: #C9A24B; --dourado-hover: #B98E2F; --dourado-escuro: #7A5E1C; --champanhe: #F0D088; --champanhe-tint: #FAF3E3; --grafite: #1E1A12; --grafite-claro: #3A3324; --sidebar-texto: #D8CFBC; --offwhite: #FAF8F3; --card-borda: #E5DDCC; --texto: #1E1A12; --texto-suave: #6B6353; --marinho: #184078; --superficie: #fff; --link: var(--marinho); --destaque-bg: var(--champanhe-tint); --scroll-shadow: rgba(30, 26, 18, 0.18); /* Escala de status derivada do dourado da marca — ouro (novo) → âmbar (sessão) → bronze (comercial) → grafite (jurídico) — sem azul/roxo/rosa. Sucesso (compra) e erro (rejeitado) continuam com semântica própria (verde/vermelho), fora dessa escala. */ --st-novo: #C9A24B; --st-novo-bg: #F7EED9; --st-novo-tx: #7A5E1C; --st-negoc: #9C7A35; --st-negoc-bg: #F2E8D3; --st-negoc-tx: #6B4E1D; --st-juri: #6B6045; --st-juri-bg: #E9E4D4; --st-juri-tx: #47402A; --st-sessao: #EF9F27; --st-sessao-bg: #FDF0DB; --st-sessao-tx: #96610D; --st-compra: #3B6D11; --st-compra-bg: #E8F2DD; --st-compra-tx: #2C520D; --st-rejeit: #A32D2D; --st-rejeit-bg: #F8E5E5; --st-rejeit-tx: #7E2222; /* Tokens semânticos genéricos, derivados da mesma paleta acima — usados por componentes novos (dropzone, chips, badges de situação, KPIs) que não são amarrados a uma fila/status específico. */ --sucesso: var(--st-compra); --sucesso-bg: var(--st-compra-bg); --sucesso-tx: var(--st-compra-tx); --destrutivo: var(--st-rejeit); --destrutivo-bg: var(--st-rejeit-bg); --destrutivo-tx: var(--st-rejeit-tx); --neutro-bg: #EDE8DA; --neutro-tx: var(--texto-suave); --topbar-altura: 53px; /* Hover/seleção de linha: token próprio (em vez de reaproveitar --champanhe-tint, que é sempre claro e vira ilegível com texto claro no dark mode — ver override abaixo). */ --row-hover: var(--champanhe-tint); --row-hover-fg: var(--texto); --fonte: system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif; --mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace; } /* Dark mode: acionado por [data-theme="dark"] no (ver script no e o botão .btn-tema). Só os tokens de superfície/texto/borda/link mudam — os acentos dourado e os selos de status (badges) ficam como estão, já são pílulas com contraste próprio e continuam legíveis sobre um fundo escuro. */ :root[data-theme="dark"] { --offwhite: #15120C; --superficie: #211C14; --card-borda: #3A3324; --texto: #F3ECDD; --texto-suave: #B9AF98; --link: #8FBBEF; --destaque-bg: #2A2417; --scroll-shadow: rgba(201, 162, 75, 0.28); --neutro-bg: #2A2417; /* Hover no escuro precisa ser mais claro que o fundo em só ~4-6%, nunca um tom claro como no light mode — senão o texto (claro) fica ilegível sobre o hover (claro). --superficie (fundo das linhas) tem L≈0.23 em OKLCH — 0.28 fica uns 5 pontos acima, perceptível mas discreto. */ --row-hover: oklch(0.28 0 0); --row-hover-fg: var(--texto); /* Sem isso, o navegador ignora as cores acima em widgets nativos (menu do nativo é escondido de forma acessível (continua focável via teclado e leitores de tela) e um