/* Fin Farma — tokens de identidade
   Fonte única: brand/IDENTIDADE.md e brand/FIN-FARMA-UX-UI.md.
   Não redefinir cor de marca fora daqui. */

:root {
  /* ---- Marca ---- */
  --ff-marinho: #16305E;   /* ação primária, botão, link, foco */
  --ff-tinta:   #0F1B33;   /* texto principal, fundo de sidebar */
  --ff-dourado: #D1A13A;   /* SÓ marca e reconhecimento — nunca botão */
  --ff-cinza:   #EDEFF3;   /* superfície secundária */
  --ff-branco:  #FFFFFF;   /* card, topbar */

  /* ---- Estado ---- */
  --ff-verde:    #0E7C5A;  /* dentro da meta, concluído, validado */
  --ff-vermelho: #B3261E;  /* fora da meta, erro */
  --ff-ambar:    #B45309;  /* atenção, pendente */

  /* ---- Escala de apoio (interface, não é cor de marca) ---- */
  --ff-fundo-app:      #F7F8FA;
  --ff-borda-card:     #E2E5EB;
  --ff-divisor:        #EDEFF3;
  --ff-superficie:     #F4F6F9;
  --ff-texto-2:        #41506B;
  --ff-texto-3:        #5B6577;
  --ff-texto-apoio:    #6B7383;
  --ff-texto-inativo:  #9AA3B2;

  /* sobre fundo tinta */
  --ff-sobre-tinta-inativo: #A9B2C2;
  --ff-sobre-tinta-corpo:   #C7D0DE;
  --ff-sobre-tinta-apoio:   #8A93A3;

  /* ---- Tipografia ---- */
  --ff-fonte: Archivo, "Segoe UI", system-ui, -apple-system, sans-serif;
  --ff-fonte-marca: Jost, Archivo, sans-serif;  /* wordmark e números grandes */
}

/* Todo número exibido usa tabular-nums. */
.ff-num { font-variant-numeric: tabular-nums; }

/* ---- Símbolo da marca ----
   Único logo válido: brand/logo/fin-farma-simbolo-plano.svg
   Em fundo escuro as duas barras marinho viram brancas; a dourada nunca muda. */
.ff-simbolo path {
  fill: none;
  stroke-width: 37.5;
  stroke-linecap: round;
}
.ff-simbolo .ff-barra-marinho { stroke: var(--ff-marinho); }
.ff-simbolo .ff-barra-dourada { stroke: var(--ff-dourado); }

/* variante para fundo escuro */
.ff-simbolo--escuro .ff-barra-marinho { stroke: var(--ff-branco); }