/* PredictOver Orange Theme Override */

:root {
  --color-primary-light: #ff8433;
  --color-primary: #fe5f01;
  --color-primary-deep: #e05300;
  --color-bg-soft: #FFF7F2;
  --color-text-dark: #1F1F1F;
}

body {
  background-color: var(--color-bg-soft) !important;
  color: var(--color-text-dark) !important;
}

/* Full Primary Backgrounds */
.bg-primary-50 { background-color: #FFF0E5 !important; }
.bg-primary-100 { background-color: #ffe6d5 !important; }
.bg-primary-200 { background-color: #ffccaa !important; }
.bg-primary-300 { background-color: #ffaa70 !important; }
.bg-primary-400 { background-color: var(--color-primary-light) !important; }
.bg-primary-500 { background-color: var(--color-primary) !important; }
.bg-primary-600 { background-color: var(--color-primary-deep) !important; }
.bg-primary-700 { background-color: #CC3D00 !important; }
.bg-primary-800 { background-color: #992E00 !important; }
.bg-primary-900 { background-color: #661f00 !important; }
.bg-primary-500\/10 { background-color: rgba(254, 95, 1, 0.1) !important; }
.bg-primary-500\/20 { background-color: rgba(254, 95, 1, 0.2) !important; }
.bg-primary-900\/20 { background-color: rgba(102, 31, 0, 0.2) !important; }
.bg-primary-900\/30 { background-color: rgba(102, 31, 0, 0.3) !important; }

/* Full Primary Text colors */
.text-primary-50 { color: #FFF0E5 !important; }
.text-primary-100 { color: #ffe6d5 !important; }
.text-primary-200 { color: #ffccaa !important; }
.text-primary-300 { color: #ffaa70 !important; }
.text-primary-400 { color: var(--color-primary-light) !important; }
.text-primary-500 { color: var(--color-primary) !important; }
.text-primary-600 { color: var(--color-primary-deep) !important; }
.text-primary-700 { color: #CC3D00 !important; }
.text-primary-800 { color: #992E00 !important; }
.text-primary-900 { color: #661f00 !important; }

/* Full Primary Borders */
.border-primary-50 { border-color: #FFF0E5 !important; }
.border-primary-100 { border-color: #ffe6d5 !important; }
.border-primary-200 { border-color: #ffccaa !important; }
.border-primary-300 { border-color: #ffaa70 !important; }
.border-primary-400 { border-color: var(--color-primary-light) !important; }
.border-primary-500 { border-color: var(--color-primary) !important; }
.border-primary-600 { border-color: var(--color-primary-deep) !important; }
.border-primary-700 { border-color: #CC3D00 !important; }
.border-primary-800 { border-color: #992E00 !important; }
.border-primary-900 { border-color: #661f00 !important; }
.border-primary-500\/10 { border-color: rgba(254, 95, 1, 0.1) !important; }
.border-primary-500\/20 { border-color: rgba(254, 95, 1, 0.2) !important; }
.border-t-primary-600 { border-top-color: var(--color-primary-deep) !important; }

/* Buttons */
.btn-primary {
  background-color: var(--color-primary) !important;
  color: #FFFFFF !important;
  border-color: var(--color-primary-deep) !important;
}
.btn-primary:hover {
  background-color: var(--color-primary-deep) !important;
}
.btn-primary:focus {
  --tw-ring-color: var(--color-primary-light) !important;
}

/* Full Primary Gradients */
.from-primary-400 { --tw-gradient-from: var(--color-primary-light) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-500 { --tw-gradient-from: var(--color-primary) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-600 { --tw-gradient-from: var(--color-primary-deep) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-700 { --tw-gradient-from: #CC3D00 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-800 { --tw-gradient-from: #992E00 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-900 { --tw-gradient-from: #661f00 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

.to-primary-500 { --tw-gradient-to: var(--color-primary) !important; }
.to-primary-600 { --tw-gradient-to: var(--color-primary-deep) !important; }
.to-primary-700 { --tw-gradient-to: #CC3D00 !important; }
.to-primary-800 { --tw-gradient-to: #992E00 !important; }
.to-primary-900 { --tw-gradient-to: #661f00 !important; }

/* Hover Backgrounds */
.hover\:bg-primary-50:hover { background-color: #FFF0E5 !important; }
.hover\:bg-primary-100:hover { background-color: #ffe6d5 !important; }
.hover\:bg-primary-500:hover { background-color: var(--color-primary) !important; }
.hover\:bg-primary-600:hover { background-color: var(--color-primary-deep) !important; }
.hover\:bg-primary-700:hover { background-color: #CC3D00 !important; }
.hover\:bg-primary-900:hover { background-color: #992E00 !important; }

/* Hover Text Colors */
.hover\:text-primary-500:hover { color: var(--color-primary) !important; }
.hover\:text-primary-600:hover { color: var(--color-primary-deep) !important; }
.hover\:text-primary-700:hover { color: #CC3D00 !important; }

/* Rings */
.focus\:ring-primary-500:focus {
  --tw-ring-color: var(--color-primary) !important;
}

/* Global Accent to Primary Override */
.bg-accent-50 { background-color: #FFF0E5 !important; }
.bg-accent-100 { background-color: #ffe6d5 !important; }
.bg-accent-200 { background-color: #ffccaa !important; }
.bg-accent-300 { background-color: #ffaa70 !important; }
.bg-accent-400 { background-color: var(--color-primary-light) !important; }
.bg-accent-500 { background-color: var(--color-primary) !important; }
.bg-accent-600 { background-color: var(--color-primary-deep) !important; }
.bg-accent-700 { background-color: #CC3D00 !important; }
.bg-accent-800 { background-color: #992E00 !important; }
.bg-accent-900 { background-color: #661f00 !important; }
.bg-accent-900\/20 { background-color: rgba(102, 31, 0, 0.2) !important; }
.bg-accent-900\/60 { background-color: rgba(102, 31, 0, 0.6) !important; }

.text-accent-50 { color: #FFF0E5 !important; }
.text-accent-100 { color: #ffe6d5 !important; }
.text-accent-200 { color: #ffccaa !important; }
.text-accent-300 { color: #ffaa70 !important; }
.text-accent-400 { color: var(--color-primary-light) !important; }
.text-accent-500 { color: var(--color-primary) !important; }
.text-accent-600 { color: var(--color-primary-deep) !important; }
.text-accent-700 { color: #CC3D00 !important; }
.text-accent-800 { color: #992E00 !important; }
.text-accent-900 { color: #661f00 !important; }

.border-accent-50 { border-color: #FFF0E5 !important; }
.border-accent-100 { border-color: #ffe6d5 !important; }
.border-accent-200 { border-color: #ffccaa !important; }
.border-accent-300 { border-color: #ffaa70 !important; }
.border-accent-400 { border-color: var(--color-primary-light) !important; }
.border-accent-500 { border-color: var(--color-primary) !important; }
.border-accent-600 { border-color: var(--color-primary-deep) !important; }
.border-accent-700 { border-color: #CC3D00 !important; }
.border-accent-800 { border-color: #992E00 !important; }
.border-accent-900 { border-color: #661f00 !important; }

.from-accent-600 { --tw-gradient-from: var(--color-primary-deep) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-accent-700 { --tw-gradient-from: #CC3D00 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-accent-800 { --tw-gradient-from: #992E00 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-accent-900 { --tw-gradient-from: #661f00 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

.to-accent-600 { --tw-gradient-to: var(--color-primary-deep) !important; }
.to-accent-700 { --tw-gradient-to: #CC3D00 !important; }
.to-accent-800 { --tw-gradient-to: #992E00 !important; }
.to-accent-900 { --tw-gradient-to: #661f00 !important; }

.via-accent-800 { --tw-gradient-to: rgba(153, 46, 0, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), #992E00, var(--tw-gradient-to) !important; }

.hover\:bg-accent-50:hover { background-color: #FFF0E5 !important; }
.hover\:bg-accent-100:hover { background-color: #ffe6d5 !important; }
.hover\:bg-accent-500:hover { background-color: var(--color-primary) !important; }
.hover\:bg-accent-600:hover { background-color: var(--color-primary-deep) !important; }
.hover\:bg-accent-700:hover { background-color: #CC3D00 !important; }

.hover\:text-accent-500:hover { color: var(--color-primary) !important; }
.hover\:text-accent-600:hover { color: var(--color-primary-deep) !important; }

.hover\:border-accent-300:hover { border-color: #ffaa70 !important; }

/* Hardcoded greens removal */
.bg-\[\#003d20\] { background-color: #992E00 !important; }
.bg-\[\#0F5132\] { background-color: #CC3D00 !important; }
.text-\[\#003d20\] { color: #992E00 !important; }
.text-\[\#0F5132\] { color: #CC3D00 !important; }

.from-\[\#003d20\] {
  --tw-gradient-from: #992E00 !important;
  --tw-gradient-to: rgba(153, 46, 0, 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-\[\#0F5132\]\/50 {
  --tw-gradient-to: rgba(204, 61, 0, 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgba(204, 61, 0, 0.5), var(--tw-gradient-to) !important;
}

.border-emerald-500\/10 {
  border-color: rgba(254, 95, 1, 0.1) !important;
}

/* Secondary color override to brand Orange */
.bg-secondary-400 { background-color: var(--color-primary-light) !important; }
.bg-secondary-500 { background-color: var(--color-primary) !important; }
.bg-secondary-600 { background-color: var(--color-primary-deep) !important; }
.text-secondary-400 { color: var(--color-primary-light) !important; }
.text-secondary-500 { color: var(--color-primary) !important; }
.text-secondary-600 { color: var(--color-primary-deep) !important; }
.border-secondary-500 { border-color: var(--color-primary) !important; }
.hover\:bg-secondary-400:hover { background-color: var(--color-primary-light) !important; }
.hover\:bg-secondary-500:hover { background-color: var(--color-primary) !important; }
.hover\:text-secondary-500:hover { color: var(--color-primary) !important; }
.shadow-secondary-500\/20 { box-shadow: 0 25px 50px -12px rgba(254, 95, 1, 0.2) !important; }

/* Emerald to Primary Override for CTA Buttons */
.bg-emerald-100 { background-color: #ffe6d5 !important; }
.bg-emerald-200 { background-color: #ffccaa !important; }
.bg-emerald-300 { background-color: #ffaa70 !important; }
.bg-emerald-400 { background-color: var(--color-primary-light) !important; }
.bg-emerald-500 { background-color: var(--color-primary) !important; }
.bg-emerald-600 { background-color: var(--color-primary-deep) !important; }
.bg-emerald-700 { background-color: #CC3D00 !important; }
.bg-emerald-800 { background-color: #992E00 !important; }
.bg-emerald-900 { background-color: #661f00 !important; }

.text-emerald-100 { color: #ffe6d5 !important; }
.text-emerald-200 { color: #ffccaa !important; }
.text-emerald-300 { color: #ffaa70 !important; }
.text-emerald-400 { color: var(--color-primary-light) !important; }
.text-emerald-500 { color: var(--color-primary) !important; }
.text-emerald-600 { color: var(--color-primary-deep) !important; }
.text-emerald-700 { color: #CC3D00 !important; }
.text-emerald-800 { color: #992E00 !important; }
.text-emerald-900 { color: #661f00 !important; }

.hover\:bg-emerald-500:hover { background-color: var(--color-primary) !important; }
.hover\:bg-emerald-600:hover { background-color: var(--color-primary-deep) !important; }
.hover\:bg-emerald-700:hover { background-color: #CC3D00 !important; }

.shadow-emerald-600\/20 { box-shadow: 0 25px 50px -12px rgba(254, 95, 1, 0.2) !important; }

/* Green to Primary Override (Sitewide mapping) */
.bg-green-50 { background-color: #FFF0E5 !important; }
.bg-green-100 { background-color: #ffe6d5 !important; }
.bg-green-200 { background-color: #ffccaa !important; }
.bg-green-300 { background-color: #ffaa70 !important; }
.bg-green-400 { background-color: var(--color-primary-light) !important; }
.bg-green-500 { background-color: var(--color-primary) !important; }
.bg-green-600 { background-color: var(--color-primary-deep) !important; }
.bg-green-700 { background-color: #CC3D00 !important; }
.bg-green-800 { background-color: #992E00 !important; }
.bg-green-900 { background-color: #661f00 !important; }
.bg-green-500\/10 { background-color: rgba(254, 95, 1, 0.1) !important; }
.bg-green-900\/20 { background-color: rgba(102, 31, 0, 0.2) !important; }
.bg-green-900\/30 { background-color: rgba(102, 31, 0, 0.3) !important; }

.text-green-50 { color: #FFF0E5 !important; }
.text-green-100 { color: #ffe6d5 !important; }
.text-green-200 { color: #ffccaa !important; }
.text-green-300 { color: #ffaa70 !important; }
.text-green-400 { color: var(--color-primary-light) !important; }
.text-green-500 { color: var(--color-primary) !important; }
.text-green-600 { color: var(--color-primary-deep) !important; }
.text-green-700 { color: #CC3D00 !important; }
.text-green-800 { color: #992E00 !important; }
.text-green-900 { color: #661f00 !important; }

.border-green-50 { border-color: #FFF0E5 !important; }
.border-green-100 { border-color: #ffe6d5 !important; }
.border-green-200 { border-color: #ffccaa !important; }
.border-green-300 { border-color: #ffaa70 !important; }
.border-green-400 { border-color: var(--color-primary-light) !important; }
.border-green-500 { border-color: var(--color-primary) !important; }
.border-green-600 { border-color: var(--color-primary-deep) !important; }
.border-green-700 { border-color: #CC3D00 !important; }
.border-green-800 { border-color: #992E00 !important; }
.border-green-900 { border-color: #661f00 !important; }
.border-green-500\/20 { border-color: rgba(254, 95, 1, 0.2) !important; }
.border-l-green-500 { border-left-color: var(--color-primary) !important; }

.hover\:bg-green-50:hover { background-color: #FFF0E5 !important; }
.hover\:bg-green-100:hover { background-color: #ffe6d5 !important; }
.hover\:bg-green-500:hover { background-color: var(--color-primary) !important; }
.hover\:bg-green-600:hover { background-color: var(--color-primary-deep) !important; }
.hover\:bg-green-700:hover { background-color: #CC3D00 !important; }

.hover\:text-green-500:hover { color: var(--color-primary) !important; }
.hover\:text-green-600:hover { color: var(--color-primary-deep) !important; }

.shadow-green-500\/20 { box-shadow: 0 25px 50px -12px rgba(254, 95, 1, 0.2) !important; }

/* Specific hardcoded CTA Button greens */
.bg-\[\#166534\] { background-color: var(--color-primary) !important; }
.hover\:bg-\[\#14532d\]:hover { background-color: var(--color-primary-deep) !important; }
.bg-\[\#14532d\] { background-color: var(--color-primary-deep) !important; }