/*
  Tema ClicSaúde — Administradora de Benefícios (Campinas/SP), ANS nº 42.332-7.

  Cores tiradas do LOGOTIPO (client/site/Clicsaude/images/logotipo.png):
    azul-marinho #042c60  → texto "ClicSaúde" (principal)
    verde-lima   #98d868  → coração (acento)
    verde-água   #88ccc8  → coração (apoio)
  O site.css do portal Webix legado usava #096e44/#2a57a4 — são as cores do
  TEMPLATE da SPS (as mesmas da Maxmed), não da marca; por isso não entram.
*/
:root {
  --brand:        #042c60;   /* azul-marinho do logotipo (principal) */
  --brand-dark:   #021c40;   /* hover — mais escuro */
  --brand-light:  #e9eff8;   /* fundo suave */
  --brand-accent: #98d868;   /* verde-lima do coração (acento) */
  --sidebar-bg:   #042c60;   /* rodapé/sidebar na cor do logotipo */
  --sidebar-nav:  #0d4a8f;   /* 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 '#042c60'
   Ajustar à mão é esperado — este arquivo é a identidade do cliente. */
:root[data-theme="dark"] {
  --brand-ink:   #7a8fab;   /* marca clareada 47% p/ ser legível sobre a superfície escura */
  --brand-dark:  #2a4c78;   /* hover do botão sólido: sobe, não escurece */
}