/*
  Tema Unitalles Group — plano odontológico com orçamento (PR/SC/RS).

  Cores do LOGOTIPO (client/site/Unitalles/images/logotipo_site.png, medidas no
  arquivo de 2268×1032 do institucional): a marca tem só DUAS —
    navy   #1e326e  → o dente e a palavra "Unitalles"
    laranja #fa8c46 → o arco do dente e a palavra "group"

  O site.css do portal Webix legado traz #11519c e #f67c24: o laranja é o mesmo
  (arredondado), mas o azul de lá é bem mais claro que o do logotipo — é o azul
  do TEMPLATE, aceso para uso em faixa. Ficou o navy do logo, que além de ser a
  marca carrega texto branco com folga (12:1).
*/
:root {
  --brand:        #1e326e;   /* navy do logotipo (principal) */
  --brand-dark:   #14224d;   /* hover */
  --brand-light:  #eaeef7;   /* fundo suave */
  --brand-accent: #fa8c46;   /* laranja do logotipo (acento) */
  --sidebar-bg:   #1e326e;   /* rodapé/sidebar na cor da marca */
  --sidebar-nav:  #2c4794;   /* item de nav no sidebar */
}

/* ── TEMA ESCURO ──────────────────────────────────────────────────────
   Só o app da operadora tem tema escuro. A marca muda de papel: `--brand`
   segue 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 '#1e326e'
   Ajustar à mão é esperado — este arquivo é a identidade do cliente. */
:root[data-theme="dark"] {
  --brand-ink:   #8b9bd4;   /* navy clareado p/ ser legível sobre a superfície escura */
  --brand-dark:  #3a5aa8;   /* hover do botão sólido: sobe, não escurece */
}