/* Brand color override — #df0a0b (no orange hovers) */
:root {
  --brand: #df0a0b;
  --brand-light: #df0a0b;
  --brand-dark: #b00809;
}

/* Solid brand backgrounds (skip opacity helpers) */
.bg-\[\#df0a0b\]:not([class*="bg-opacity"]),
.\!bg-\[\#df0a0b\] {
  background-color: #df0a0b !important;
}

.hover\:bg-\[\#df0a0b\]:hover,
.hover\:bg-\[\#b00809\]:hover {
  background-color: #b00809 !important;
}

/* Brand text + hover — force theme red (kill orange) */
.text-\[\#df0a0b\],
.text-\[\#f03a3b\],
.text-\[\#eb891b\] {
  color: #df0a0b !important;
}

.hover\:text-\[\#df0a0b\]:hover,
.hover\:text-\[\#f03a3b\]:hover,
.hover\:text-\[\#eb891b\]:hover,
.group:hover .group-hover\:text-\[\#df0a0b\],
.group:hover .group-hover\:text-\[\#f03a3b\] {
  color: #df0a0b !important;
}

/* Nav pills hover border */
.hover\:border-\[\#df0a0b\]:hover,
.hover\:border-\[\#df0a0b\]\/35:hover,
.hover\:border-\[\#ffcccc\]:hover,
.hover\:border-\[\#f03a3b\]:hover {
  border-color: rgba(223, 10, 11, 0.45) !important;
}

/* On solid brand red backgrounds, force readable white text */
.bg-\[\#df0a0b\].text-white,
.bg-\[\#df0a0b\] .text-white,
a.bg-\[\#df0a0b\],
button.bg-\[\#df0a0b\],
span.bg-\[\#df0a0b\] {
  color: #fff !important;
}

/* Allow hover invert: white bg + red text */
.hover\:bg-white:hover.hover\:text-\[\#df0a0b\]:hover,
a.hover\:bg-white:hover.hover\:text-\[\#df0a0b\]:hover {
  color: #df0a0b !important;
  background-color: #fff !important;
}

.border-\[\#df0a0b\],
.border-\[\#f03a3b\] {
  border-color: #df0a0b;
}

.hover\:border-\[\#df0a0b\]:hover {
  border-color: #df0a0b;
}

.from-\[\#df0a0b\] {
  --tw-gradient-from: #df0a0b var(--tw-gradient-from-position);
}

.to-\[\#df0a0b\],
.to-\[\#b00809\] {
  --tw-gradient-to: #df0a0b var(--tw-gradient-to-position);
}

/* Ensure Lucide SVGs are visible after replacement */
i[data-lucide] {
  display: inline-flex;
  width: 1.25em;
  height: 1.25em;
}
svg.lucide {
  display: inline-block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  width: 1.25em;
  height: 1.25em;
  vertical-align: middle;
}
