/* OlhaQuePromo — Finex DS + cores da identidade (logo) */
:root {
  --oqp-navy: #001f40;
  --oqp-yellow: #f0b000;
  --oqp-yellow-soft: #ffc933;
  --oqp-red: #e01010;
  --oqp-red-deep: #c00010;
  /* accent principal no papel do blue-* do Finex = amarelo da marca */
  --oqp-accent: var(--oqp-yellow);
  --oqp-accent-soft: rgba(240, 176, 0, 0.45);
  --oqp-accent-dim: rgba(240, 176, 0, 0.16);
  --oqp-promo: var(--oqp-red);
  --oqp-promo-glow: rgba(224, 16, 16, 0.45);
}

/* Remapeia utilitários blue-* do Finex → amarelo OlhaQuePromo */
.text-blue-500 { color: var(--oqp-yellow) !important; }
.text-blue-400 { color: var(--oqp-yellow-soft) !important; }
.text-blue-300 { color: #ffe082 !important; }
.bg-blue-500\/20 { background-color: var(--oqp-accent-dim) !important; }
.bg-blue-500\/10 { background-color: rgba(240, 176, 0, 0.1) !important; }
.border-blue-500 { border-color: var(--oqp-yellow) !important; }
.border-blue-400 { border-color: var(--oqp-yellow-soft) !important; }
.hover\:border-blue-400:hover { border-color: var(--oqp-yellow-soft) !important; }
.hover\:bg-blue-500\/10:hover { background-color: rgba(240, 176, 0, 0.1) !important; }
.hover\:text-blue-400:hover { color: var(--oqp-yellow-soft) !important; }
.selection\:bg-primary::selection,
::selection {
  background-color: var(--oqp-yellow);
  color: #001020;
}

/* Badge PROMO = vermelho da identidade */
.oqp-badge-promo {
  background: var(--oqp-red) !important;
  color: #fff !important;
  border: none;
}