/*
  Tema Levmed — cores do portal legado (portal.levmed.com.br/client/site/site.css).
  Marca bicolor: verde #369343 (principal, toolbars) + roxo #573d87 (botões/apoio).
  Slogan: "O nosso plano".
*/
:root {
  --brand:        #369343;   /* verde Levmed (principal) */
  --brand-dark:   #2a7434;   /* verde escuro — hover/gradiente */
  --brand-light:  #eaf5ec;   /* fundo suave */
  --sidebar-bg:   #48336f;   /* roxo escuro Levmed p/ sidebar/rodapé */
  --sidebar-nav:  #573d87;   /* roxo Levmed — item de nav no sidebar */
}

/* ── TEMA ESCURO ──────────────────────────────────────────────────────
   Só o app da operadora tem tema escuro. A marca aqui muda de papel:
   `--brand` continua sendo o PREENCHIMENTO (botão sólido com texto branco)
   e `--brand-ink` é a marca como TINTA (texto, borda, anel, ícone), que
   precisa ser mais clara para ser lida sobre o fundo escuro.
   Valores sugeridos por:
     node packages/core/scripts/sugere-marca-escura.mjs '#369343'
   Ajustar à mão é esperado — este arquivo é a identidade do cliente. */
:root[data-theme="dark"] {
  --brand-ink:   #489d54;   /* marca clareada 9% p/ ser legível sobre a superfície escura */
  --brand-dark:  #54a35f;   /* hover do botão sólido: sobe, não escurece */
}