/**
 * IQ Evora — Brainowl-style legacy overrides
 */
:root {
  --brand-50: #f5f9fc;
  --brand-100: #e9f0fa;
  --brand-200: #e4eaf6;
  --brand-500: #7851d2;
  --brand-600: #533695;
  --brand-700: #7699cf;
  --brand-800: #4a6fa5;
  --brand-rgb: 120 81 210;

  --heroui-success-50: 210 60% 97%;
  --heroui-success-100: 210 55% 92%;
  --heroui-success-200: 212 50% 84%;
  --heroui-success-300: 214 48% 72%;
  --heroui-success-400: 216 50% 58%;
  --heroui-success-500: 218 55% 48%;
  --heroui-success-600: 220 60% 40%;
  --heroui-success-700: 222 65% 32%;
  --heroui-success-800: 224 70% 26%;
  --heroui-success-900: 226 75% 20%;
  --heroui-success: 218 55% 48%;
}

.bg-green-custom,
.\!bg-green-custom,
.bg-green-custom\/5,
.bg-green-custom\/10,
.bg-\[\#0[Dd]766[Ee]\],
.bg-\[\#2563eb\],
.bg-\[\#6c2f12\],
.bg-\[\#f6813f\],
.hover\:bg-green-custom:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-rgb) / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-custom\/5 {
  background-color: rgb(var(--brand-rgb) / 0.05) !important;
}

.bg-green-custom\/10 {
  background-color: rgb(var(--brand-rgb) / 0.1) !important;
}

.text-green-custom,
.text-green-custom\/80,
.group-hover\:text-green-custom,
.hover\:text-green-custom:hover,
.group:hover .group-hover\:text-green-custom {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-rgb) / var(--tw-text-opacity, 1)) !important;
}

.border-green-custom,
.border-green-custom\/50,
.border-\[\#0[Dd]766[Ee]\],
.border-\[\#2563eb\],
.border-\[\#f6813f\] {
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-rgb) / var(--tw-border-opacity, 1)) !important;
}

.border-green-custom\/50 {
  border-color: rgb(var(--brand-rgb) / 0.5) !important;
}

.after\:bg-green-custom:after {
  background-color: rgb(var(--brand-rgb) / 1) !important;
}

.bg-\[\#0d766e\],
.bg-\[\#0D766E\],
.bg-\[\#2563eb\],
.bg-\[\#f6813f\] {
  background-color: var(--brand-500) !important;
}

.text-\[\#0d766e\],
.text-\[\#0D766E\],
.text-\[\#2563eb\],
.text-\[\#f6813f\] {
  color: var(--brand-500) !important;
}

.hover\:bg-\[\#2563eb\]:hover,
.hover\:bg-\[\#f6813f\]:hover {
  background-color: var(--brand-600) !important;
}

.hover\:text-\[\#2563eb\]:hover,
.hover\:text-\[\#f6813f\]:hover,
.group-hover\:text-\[\#2563eb\],
.group:hover .group-hover\:text-\[\#2563eb\],
.group-hover\:text-\[\#f6813f\],
.group:hover .group-hover\:text-\[\#f6813f\] {
  color: var(--brand-600) !important;
}

.ring-green-custom,
.ring-\[\#2563eb\],
.ring-\[\#f6813f\] {
  --tw-ring-color: rgb(var(--brand-rgb) / 1) !important;
}

.fill-green-custom {
  fill: rgb(var(--brand-rgb) / 1) !important;
}

.stroke-green-custom {
  stroke: rgb(var(--brand-rgb) / 1) !important;
}