/* =====================================================================================================
   TEMA (identidade visual do cliente). Para outro cliente, troque só as variáveis abaixo.
   Versão Unipar: verde escuro, lima e azul-marinho, como no deck do workshop.
   Mantenha bom contraste: texto escuro (--ink) sobre fundo claro e branco sobre --brand.
   ===================================================================================================== */
:root {
  /* Cores da marca */
  --brand: #004327;        /* cor principal: títulos, botões principais, destaques */
  --brand-strong: #003320; /* principal mais escura: hover dos botões */
  --brand-soft: #104e34;   /* variação da principal */
  --accent: #e4f419;       /* cor de destaque (lima): etiquetas de fase, botão de ação secundária */
  --accent-ink: #011334;   /* texto sobre a cor de destaque */
  --stripe: #01ff3c;       /* faixa fina no topo da página */

  /* Texto e superfícies */
  --ink: #011334;          /* texto principal */
  --muted: #5b6577;        /* texto secundário (contraste AA sobre branco) */
  --surface: #ffffff;      /* cartões */
  --canvas: #f4f7f5;       /* fundo da página */
  --tint: #eef4f0;         /* fundos suaves (destaques, linhas selecionadas) */
  --line: #d9e2dc;         /* bordas */
  --field-line: #b9c7be;   /* bordas de campos de formulário */
  --danger: #a4262c;

  /* Quadrantes da matriz */
  --q-wow: #dfeee5;
  --q-how: #f6fac9;
  --q-now: #f2f6f3;
  --q-ciao: #ebebee;

  /* Tipografia */
  --font: Arial, "Helvetica Neue", Helvetica, sans-serif;
}