/**
 * Marca laranja (#fe5005) — carregado DEPOIS do bundle Tailwind.
 * Garante cor laranja mesmo se o servidor ainda servir CSS antigo (roxo).
 */
:root {
  --primary: 18 99% 51% !important;
  --primary-foreground: 210 40% 98% !important;
  --secondary: 18 95% 55% !important;
  --ring: 18 99% 51% !important;
}

.text-purple-600,
.hover\:text-purple-600:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(254 80 5 / var(--tw-text-opacity, 1)) !important;
}

.text-purple-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(200 50 5 / var(--tw-text-opacity, 1)) !important;
}

.text-brand-purple,
.data-\[state\=active\]\:text-brand-purple[data-state="active"],
.data-\[active\=true\]\:text-purple-600[data-active="true"] {
  color: #fe5005 !important;
}

.bg-purple-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 80 5 / var(--tw-bg-opacity, 1)) !important;
}

.bg-purple-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 240 235 / var(--tw-bg-opacity, 1)) !important;
}

.bg-purple-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 225 215 / var(--tw-bg-opacity, 1)) !important;
}

.bg-purple-600\/10,
.data-\[active\=true\]\:bg-purple-600\/10[data-active="true"],
.data-\[state\=active\]\:bg-brand-purple\/10[data-state="active"],
.bg-brand-purple\/10 {
  background-color: rgb(254 80 5 / 0.1) !important;
}

.bg-purple-600\/5,
.hover\:bg-purple-600\/5:hover,
.hover\:bg-brand-purple\/5:hover {
  background-color: rgb(254 80 5 / 0.05) !important;
}

.border-purple-100 {
  border-color: rgb(255 230 220 / 1) !important;
}

.border-purple-200,
.hover\:border-purple-200:hover {
  border-color: rgb(255 210 195 / 1) !important;
}

.border-purple-300 {
  border-color: rgb(254 80 5 / 0.35) !important;
}

.border-purple-600\/30 {
  border-color: rgb(254 80 5 / 0.3) !important;
}

.hover\:border-purple-600\/10:hover {
  border-color: rgb(254 80 5 / 0.1) !important;
}

.hover\:border-purple-600\/50:hover {
  border-color: rgb(254 80 5 / 0.5) !important;
}

.border-brand-purple {
  border-color: #fe5005 !important;
}

.fill-purple-600 {
  fill: #fe5005 !important;
}

.from-brand-purple {
  --tw-gradient-from: #fe5005 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(254 80 5 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-brand-blue {
  --tw-gradient-to: #ff5f2d var(--tw-gradient-to-position) !important;
}

.from-brand-purple\/5 {
  --tw-gradient-from: rgb(254 80 5 / 0.05) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(254 80 5 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-brand-blue\/5 {
  --tw-gradient-to: rgb(255 95 45 / 0.05) var(--tw-gradient-to-position) !important;
}

.from-purple-50 {
  --tw-gradient-from: #fff8f5 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(255 248 245 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-purple-100 {
  --tw-gradient-from: #fff0ea var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(255 240 235 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-purple-600 {
  --tw-gradient-from: #fe5005 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(254 80 5 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-purple-600\/10 {
  --tw-gradient-from: rgb(254 80 5 / 0.1) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(254 80 5 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-purple-600\/20 {
  --tw-gradient-from: rgb(254 80 5 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(254 80 5 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-purple-700 {
  --tw-gradient-from: #c93500 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(200 50 5 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-purple-200 {
  --tw-gradient-to: rgb(255 225 215 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #ffd4c4 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.to-blue-50 {
  --tw-gradient-to: #fff8f4 var(--tw-gradient-to-position) !important;
}

.to-blue-100 {
  --tw-gradient-to: #ffe8de var(--tw-gradient-to-position) !important;
}

.to-blue-500 {
  --tw-gradient-to: #ff5f2d var(--tw-gradient-to-position) !important;
}

.to-blue-500\/10 {
  --tw-gradient-to: rgb(255 95 45 / 0.1) var(--tw-gradient-to-position) !important;
}

.to-blue-500\/20 {
  --tw-gradient-to: rgb(255 95 45 / 0.2) var(--tw-gradient-to-position) !important;
}

.to-blue-600 {
  --tw-gradient-to: #e84d18 var(--tw-gradient-to-position) !important;
}

.bg-primary {
  background-color: hsl(var(--primary)) !important;
}

.bg-gradient-brand-promo {
  background-image: linear-gradient(135deg, #fe5005 0%, #ff8f4a 100%) !important;
}

.focus\:ring-purple-600:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(254 80 5 / var(--tw-ring-opacity, 1)) !important;
}

.group:hover .group-hover\:shadow-purple-200 {
  --tw-shadow-color: #ffd4c4 !important;
}