/* ================================================================
   Agro Life — paleta.css
   ÚNICA fonte de cores do sistema. estrutura.css e as páginas nunca
   escrevem uma cor "crua" (hex/rgb) — sempre var(--token) daqui.
   Trocar a paleta inteira do projeto é editar só este arquivo.

   Paleta fixa — sempre clara, não muda com o tema do sistema
   operacional. Não há alternância automática por prefers-color-
   scheme nem toggle de tema (decisão explícita do produto).
   ================================================================ */

:root {
  /* ── Marca (verde oficial da logo) — dois tons de propósito, não um só.
     --accent é o tom de USO (botão, nav, link, texto grande) — precisa de
     contraste com texto branco E precisa continuar claramente diferente
     de --bs-success (também verde, usado em "Concluído"/"Pago" — ver
     comentário mais abaixo). --accent-vivid é o verde REAL, saturado,
     tirado direto da logo oficial — só pra detalhe/gradiente/decoração,
     nunca em botão nem em texto (contraste insuficiente pra isso). ── */
  --accent:             #0d7a5c;
  --accent-hover:       #0a6249;
  --accent-vivid:       #03a851;
  --accent-vivid-hover: #028c43;
  --accent-light:       rgba(13, 122, 92, .1);
  --accent-text:        #ffffff;  /* cor do texto em cima de um fundo --accent */
  --accent-rgb:         13, 122, 92;
  --accent-vivid-rgb:   3, 168, 81;

  /* ── Tom decorativo — dourado quente (agro = sol, colheita). Só pra
     gradiente/fundo decorativo, NUNCA em botão/badge/texto com
     significado — fica perto demais de --cor-atencao (amarelo de
     alerta) pra correr esse risco. ── */
  --tom-decorativo: #e8b23d;

  /* ── Superfícies ── */
  --bg-main:  #f6fbf8;
  --bg-card:  #ffffff;
  --bg-hover: #e8f5ee;

  /* ── Texto ── */
  --text-main:      #0d1f18;
  --text-secondary: #3d6656;
  --text-muted:     #5c7d70;

  /* ── Bordas / sombra / overlay — o verde escuro vive só aqui,
     nunca em fundo ── */
  --card-border-color: #163829;
  --shadow-color:       rgba(10, 30, 22, .06);
  --shadow-color-forte:  rgba(10, 30, 22, .1);
  --overlay-bg:          rgba(10, 30, 22, .45);

  /* ── Semânticas — significado fixo, não mudam entre projetos.
     --bs-success (verde do Bootstrap, "Concluído"/"Pago") fica de
     propósito SEM override aqui — e --accent acima foi escolhido pra
     ficar claramente diferente dele (mais escuro, mais puxado pro
     teal). Se os dois fossem o mesmo tom de verde, um botão qualquer
     "de marca" ia parecer um status de "resolvido" mesmo sem ser. ── */
  --cor-perigo:     #dc2626;
  --cor-perigo-bg:  rgba(220, 38, 38, .12);
  --cor-atencao:    #d97706;
  --cor-atencao-bg: rgba(217, 119, 6, .12);
  --cor-info:       #2563eb;
  --cor-info-bg:    rgba(37, 99, 235, .12);

  /* ── Texto escuro sobre fundo claro do Bootstrap (bs-info/bs-warning) —
     o branco padrão não tem contraste suficiente em cima desses dois ── */
  --texto-sobre-info:    #063a4a;
  --texto-sobre-atencao: #4a3800;

  /* ── Ícone de pagamento no ticket do calendário mensal — o ticket
     "Concluído" já usa --bs-success (verde) de fundo, então um ícone
     verde-puro (--bs-success de novo) fica invisível em cima do próprio
     fundo. Um verde mais claro resolve sem deixar de ser "verde". ── */
  --cal-ticket-pago-icone: #8affc1;

  /* ── Categoria "Vacina" no catálogo (tipos_vacina.php) — cor sólida
     própria (roxo), mesmo peso visual do badge de "Medicamento / cuidado
     periódico" (bg-info). Antes usava fundo claro + texto na cor de
     accent, o que fazia parecer um texto secundário qualquer em vez de
     uma categoria de verdade, tão "real" quanto a outra. ── */
  --cor-categoria-vacina: #7c3aed;

  /* ── Selo "Cliente" (agendamento que nasceu de um pedido do cliente pelo portal).
     Precisa se destacar dos badges de Status (cinza, azul, verde, vermelho, âmbar) e do
     verde de marca — por isso um violeta-índigo, com texto branco (contraste 7,9:1). ── */
  --cor-cliente:       #6d28d9;
  --cor-cliente-texto: #ffffff;

  /* ── Folga / dia sem expediente (Agenda) — ardósia: cinza-azulado que nenhum status usa
     (cinza puro = Pendente, azul vivo = Confirmado, verde = Concluído). Fundo bem suave com listras
     diagonais, texto escuro por cima (contraste acima de 7:1). ── */
  --cor-folga:        #475569;
  --cor-folga-texto:  #334155;
  --cor-folga-bg:     #eaeef4;
  --cor-folga-borda:  #c5cddb;
  --cor-folga-listra: rgba(71, 85, 105, .1);
}
