/*
  elevaOS - tokens de cor/forma partilhados por TODAS as páginas do produto
  (venda, login, registo, futuras páginas de app). Paleta fornecida pelo
  utilizador (Deep Navy / Electric Blue / Sky Blue / Dark Background).
  Carregado antes de qualquer CSS específico de página (elevaos.css,
  elevaos-auth.css, ...) - nunca duplicar estas variáveis noutro ficheiro.
*/

:root {
  --eleva-bg: #111318;
  --eleva-surface: #171B22;
  --eleva-surface-2: #1D222C;
  --eleva-border: rgba(255, 255, 255, 0.08);
  --eleva-border-strong: rgba(255, 255, 255, 0.16);
  --eleva-text: #FFFFFF;
  --eleva-text-muted: #A0AEC0;
  --eleva-primary: #1577FF; /* acentos, ícones, links, gradiente - passa AA como cor de texto sobre --eleva-bg */
  --eleva-primary-fill: #0B57D0; /* preenchimento sólido dos botões - #1577FF puro com texto branco mede ~4.1:1 e falha AA para texto normal (só passa como "texto grande"); esta variante mede ~6.4:1 */
  --eleva-primary-fill-hover: #0F63E0; /* ~5.4:1 com texto branco - mais claro que o preenchimento base sem cair no mesmo problema de #1577FF/#2E8CFF */
  --eleva-primary-hover: #2E8CFF; /* só como cor de TEXTO (links) sobre --eleva-bg, nunca como fundo de botão */
  --eleva-secondary: #69B7FF;
  --eleva-navy: #07153D; /* texto principal sobre painéis claros (ex: formulário de autenticação) */
  --eleva-soft-gray: #E8EDF5; /* bordas/divisores sobre painéis claros */
  --eleva-gradient: linear-gradient(135deg, #69B7FF, #1577FF);
  --eleva-radius-card: 16px;
  --eleva-radius-pill: 999px;
}