/* White Label Color Overrides - Comprehensive Coverage */
/* This file overrides ALL lime and teal colors with white-label CSS variables */
/* Loaded ONLY on white-label domains to adapt hardcoded colors to custom themes */

/* =================================================================
   LIME COLOR OVERRIDES - ALL VARIATIONS
   ================================================================= */

/* Background Colors - Lime */
.bg-lime-50,
.hover\:bg-lime-50:hover,
.focus\:bg-lime-50:focus,
.active\:bg-lime-50:active {
    background-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.05) !important;
}

.bg-lime-100,
.hover\:bg-lime-100:hover,
.focus\:bg-lime-100:focus,
.active\:bg-lime-100:active {
    background-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.1) !important;
}

.bg-lime-200,
.hover\:bg-lime-200:hover,
.focus\:bg-lime-200:focus,
.active\:bg-lime-200:active {
    background-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.2) !important;
}

.bg-lime-300,
.hover\:bg-lime-300:hover,
.focus\:bg-lime-300:focus,
.active\:bg-lime-300:active {
    background-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.3) !important;
}

.bg-lime-400,
.hover\:bg-lime-400:hover,
.focus\:bg-lime-400:focus,
.active\:bg-lime-400:active {
    background-color: var(--accent-color, #84cc16) !important;
}

.bg-lime-500,
.hover\:bg-lime-500:hover,
.focus\:bg-lime-500:focus,
.active\:bg-lime-500:active {
    background-color: var(--accent-color, #84cc16) !important;
}

.bg-lime-600,
.hover\:bg-lime-600:hover,
.focus\:bg-lime-600:focus,
.active\:bg-lime-600:active {
    background-color: var(--accent-color, #65a30d) !important;
}

.bg-lime-700,
.hover\:bg-lime-700:hover,
.focus\:bg-lime-700:focus,
.active\:bg-lime-700:active {
    background-color: var(--primary-color, #4d7c0f) !important;
}

.bg-lime-800,
.hover\:bg-lime-800:hover,
.focus\:bg-lime-800:focus,
.active\:bg-lime-800:active {
    background-color: var(--primary-color, #365314) !important;
}

.bg-lime-900,
.hover\:bg-lime-900:hover,
.focus\:bg-lime-900:focus,
.active\:bg-lime-900:active {
    background-color: var(--primary-color, #1a2e05) !important;
}

/* Text Colors - Lime */
.text-lime-50,
.hover\:text-lime-50:hover,
.focus\:text-lime-50:focus,
.active\:text-lime-50:active {
    color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.05) !important;
}

.text-lime-100,
.hover\:text-lime-100:hover,
.focus\:text-lime-100:focus,
.active\:text-lime-100:active {
    color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.1) !important;
}

.text-lime-200,
.hover\:text-lime-200:hover,
.focus\:text-lime-200:focus,
.active\:text-lime-200:active {
    color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.2) !important;
}

.text-lime-300,
.hover\:text-lime-300:hover,
.focus\:text-lime-300:focus,
.active\:text-lime-300:active {
    color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.3) !important;
}

.text-lime-400,
.hover\:text-lime-400:hover,
.focus\:text-lime-400:focus,
.active\:text-lime-400:active {
    color: var(--accent-color, #84cc16) !important;
}

.text-lime-500,
.hover\:text-lime-500:hover,
.focus\:text-lime-500:focus,
.active\:text-lime-500:active {
    color: var(--accent-color, #84cc16) !important;
}

.text-lime-600,
.hover\:text-lime-600:hover,
.focus\:text-lime-600:focus,
.active\:text-lime-600:active {
    color: var(--accent-color, #65a30d) !important;
}

.text-lime-700,
.hover\:text-lime-700:hover,
.focus\:text-lime-700:focus,
.active\:text-lime-700:active {
    color: var(--primary-color, #4d7c0f) !important;
}

.text-lime-800,
.hover\:text-lime-800:hover,
.focus\:text-lime-800:focus,
.active\:text-lime-800:active {
    color: var(--primary-color, #365314) !important;
}

.text-lime-900,
.hover\:text-lime-900:hover,
.focus\:text-lime-900:focus,
.active\:text-lime-900:active {
    color: var(--primary-color, #1a2e05) !important;
}

/* Border Colors - Lime */
.border-lime-50,
.hover\:border-lime-50:hover,
.focus\:border-lime-50:focus,
.active\:border-lime-50:active {
    border-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.05) !important;
}

.border-lime-100,
.hover\:border-lime-100:hover,
.focus\:border-lime-100:focus,
.active\:border-lime-100:active {
    border-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.1) !important;
}

.border-lime-200,
.hover\:border-lime-200:hover,
.focus\:border-lime-200:focus,
.active\:border-lime-200:active {
    border-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.2) !important;
}

.border-lime-300,
.hover\:border-lime-300:hover,
.focus\:border-lime-300:focus,
.active\:border-lime-300:active {
    border-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.3) !important;
}

.border-lime-400,
.hover\:border-lime-400:hover,
.focus\:border-lime-400:focus,
.active\:border-lime-400:active {
    border-color: var(--accent-color, #84cc16) !important;
}

.border-lime-500,
.hover\:border-lime-500:hover,
.focus\:border-lime-500:focus,
.active\:border-lime-500:active {
    border-color: var(--accent-color, #84cc16) !important;
}

.border-lime-600,
.hover\:border-lime-600:hover,
.focus\:border-lime-600:focus,
.active\:border-lime-600:active {
    border-color: var(--accent-color, #65a30d) !important;
}

.border-lime-700,
.hover\:border-lime-700:hover,
.focus\:border-lime-700:focus,
.active\:border-lime-700:active {
    border-color: var(--primary-color, #4d7c0f) !important;
}

.border-lime-800,
.hover\:border-lime-800:hover,
.focus\:border-lime-800:focus,
.active\:border-lime-800:active {
    border-color: var(--primary-color, #365314) !important;
}

.border-lime-900,
.hover\:border-lime-900:hover,
.focus\:border-lime-900:focus,
.active\:border-lime-900:active {
    border-color: var(--primary-color, #1a2e05) !important;
}

/* Ring Colors - Lime */
.ring-lime-50,
.focus\:ring-lime-50:focus {
    --tw-ring-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.05) !important;
}

.ring-lime-100,
.focus\:ring-lime-100:focus {
    --tw-ring-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.1) !important;
}

.ring-lime-200,
.focus\:ring-lime-200:focus {
    --tw-ring-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.2) !important;
}

.ring-lime-300,
.focus\:ring-lime-300:focus {
    --tw-ring-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.3) !important;
}

.ring-lime-400,
.focus\:ring-lime-400:focus {
    --tw-ring-color: var(--accent-color, #84cc16) !important;
}

.ring-lime-500,
.focus\:ring-lime-500:focus {
    --tw-ring-color: var(--accent-color, #84cc16) !important;
}

.ring-lime-600,
.focus\:ring-lime-600:focus {
    --tw-ring-color: var(--accent-color, #65a30d) !important;
}

.ring-lime-700,
.focus\:ring-lime-700:focus {
    --tw-ring-color: var(--primary-color, #4d7c0f) !important;
}

.ring-lime-800,
.focus\:ring-lime-800:focus {
    --tw-ring-color: var(--primary-color, #365314) !important;
}

.ring-lime-900,
.focus\:ring-lime-900:focus {
    --tw-ring-color: var(--primary-color, #1a2e05) !important;
}

/* =================================================================
   TEAL COLOR OVERRIDES - ALL VARIATIONS
   ================================================================= */

/* Background Colors - Teal */
.bg-teal-50,
.hover\:bg-teal-50:hover,
.focus\:bg-teal-50:focus,
.active\:bg-teal-50:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.bg-teal-100,
.hover\:bg-teal-100:hover,
.focus\:bg-teal-100:focus,
.active\:bg-teal-100:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.bg-teal-200,
.hover\:bg-teal-200:hover,
.focus\:bg-teal-200:focus,
.active\:bg-teal-200:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.bg-teal-300,
.hover\:bg-teal-300:hover,
.focus\:bg-teal-300:focus,
.active\:bg-teal-300:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.bg-teal-400,
.hover\:bg-teal-400:hover,
.focus\:bg-teal-400:focus,
.active\:bg-teal-400:active {
    background-color: var(--secondary-color, #2dd4bf) !important;
}

.bg-teal-500,
.hover\:bg-teal-500:hover,
.focus\:bg-teal-500:focus,
.active\:bg-teal-500:active {
    background-color: var(--secondary-color, #14b8a6) !important;
}

.bg-teal-600,
.hover\:bg-teal-600:hover,
.focus\:bg-teal-600:focus,
.active\:bg-teal-600:active {
    background-color: var(--secondary-color, #0d9488) !important;
}

.bg-teal-700,
.hover\:bg-teal-700:hover,
.focus\:bg-teal-700:focus,
.active\:bg-teal-700:active {
    background-color: var(--primary-color, #0f766e) !important;
}

.bg-teal-800,
.hover\:bg-teal-800:hover,
.focus\:bg-teal-800:focus,
.active\:bg-teal-800:active {
    background-color: var(--primary-color, #115e59) !important;
}

.bg-teal-900,
.hover\:bg-teal-900:hover,
.focus\:bg-teal-900:focus,
.active\:bg-teal-900:active {
    background-color: var(--primary-color, #134e4a) !important;
}

/* Text Colors - Teal */
.text-teal-50,
.hover\:text-teal-50:hover,
.focus\:text-teal-50:focus,
.active\:text-teal-50:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.text-teal-100,
.hover\:text-teal-100:hover,
.focus\:text-teal-100:focus,
.active\:text-teal-100:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.text-teal-200,
.hover\:text-teal-200:hover,
.focus\:text-teal-200:focus,
.active\:text-teal-200:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.text-teal-300,
.hover\:text-teal-300:hover,
.focus\:text-teal-300:focus,
.active\:text-teal-300:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.text-teal-400,
.hover\:text-teal-400:hover,
.focus\:text-teal-400:focus,
.active\:text-teal-400:active {
    color: var(--secondary-color, #2dd4bf) !important;
}

.text-teal-500,
.hover\:text-teal-500:hover,
.focus\:text-teal-500:focus,
.active\:text-teal-500:active {
    color: var(--secondary-color, #14b8a6) !important;
}

.text-teal-600,
.hover\:text-teal-600:hover,
.focus\:text-teal-600:focus,
.active\:text-teal-600:active {
    color: var(--secondary-color, #0d9488) !important;
}

.text-teal-700,
.hover\:text-teal-700:hover,
.focus\:text-teal-700:focus,
.active\:text-teal-700:active {
    color: var(--primary-color, #0f766e) !important;
}

.text-teal-800,
.hover\:text-teal-800:hover,
.focus\:text-teal-800:focus,
.active\:text-teal-800:active {
    color: var(--primary-color, #115e59) !important;
}

.text-teal-900,
.hover\:text-teal-900:hover,
.focus\:text-teal-900:focus,
.active\:text-teal-900:active {
    color: var(--primary-color, #134e4a) !important;
}

/* Border Colors - Teal */
.border-teal-50,
.hover\:border-teal-50:hover,
.focus\:border-teal-50:focus,
.active\:border-teal-50:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.border-teal-100,
.hover\:border-teal-100:hover,
.focus\:border-teal-100:focus,
.active\:border-teal-100:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.border-teal-200,
.hover\:border-teal-200:hover,
.focus\:border-teal-200:focus,
.active\:border-teal-200:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.border-teal-300,
.hover\:border-teal-300:hover,
.focus\:border-teal-300:focus,
.active\:border-teal-300:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.border-teal-400,
.hover\:border-teal-400:hover,
.focus\:border-teal-400:focus,
.active\:border-teal-400:active {
    border-color: var(--secondary-color, #2dd4bf) !important;
}

.border-teal-500,
.hover\:border-teal-500:hover,
.focus\:border-teal-500:focus,
.active\:border-teal-500:active {
    border-color: var(--secondary-color, #14b8a6) !important;
}

.border-teal-600,
.hover\:border-teal-600:hover,
.focus\:border-teal-600:focus,
.active\:border-teal-600:active {
    border-color: var(--secondary-color, #0d9488) !important;
}

.border-teal-700,
.hover\:border-teal-700:hover,
.focus\:border-teal-700:focus,
.active\:border-teal-700:active {
    border-color: var(--primary-color, #0f766e) !important;
}

.border-teal-800,
.hover\:border-teal-800:hover,
.focus\:border-teal-800:focus,
.active\:border-teal-800:active {
    border-color: var(--primary-color, #115e59) !important;
}

.border-teal-900,
.hover\:border-teal-900:hover,
.focus\:border-teal-900:focus,
.active\:border-teal-900:active {
    border-color: var(--primary-color, #134e4a) !important;
}

/* Ring Colors - Teal */
.ring-teal-50,
.focus\:ring-teal-50:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.ring-teal-100,
.focus\:ring-teal-100:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.ring-teal-200,
.focus\:ring-teal-200:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.ring-teal-300,
.focus\:ring-teal-300:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.ring-teal-400,
.focus\:ring-teal-400:focus {
    --tw-ring-color: var(--secondary-color, #2dd4bf) !important;
}

.ring-teal-500,
.focus\:ring-teal-500:focus {
    --tw-ring-color: var(--secondary-color, #14b8a6) !important;
}

.ring-teal-600,
.focus\:ring-teal-600:focus {
    --tw-ring-color: var(--secondary-color, #0d9488) !important;
}

.ring-teal-700,
.focus\:ring-teal-700:focus {
    --tw-ring-color: var(--primary-color, #0f766e) !important;
}

.ring-teal-800,
.focus\:ring-teal-800:focus {
    --tw-ring-color: var(--primary-color, #115e59) !important;
}

.ring-teal-900,
.focus\:ring-teal-900:focus {
    --tw-ring-color: var(--primary-color, #134e4a) !important;
}

/* =================================================================
   GRADIENT OVERRIDES
   ================================================================= */

/* Gradient from lime to teal and variations */
.bg-gradient-to-r.from-lime-50.via-lime-500.to-teal-900,
.bg-gradient-to-r.from-teal-900.via-lime-500.to-teal-900 {
    background: linear-gradient(to right, var(--primary-color, #134e4a), var(--accent-color, #84cc16), var(--primary-color, #134e4a)) !important;
}

.bg-gradient-to-r.from-lime-50.to-lime-50 {
    background: linear-gradient(to right, rgba(var(--accent-color-rgb, 132, 204, 22), 0.05), rgba(var(--accent-color-rgb, 132, 204, 22), 0.05)) !important;
}

/* =================================================================
   FILL COLORS (for SVG icons)
   ================================================================= */

.fill-lime-50 { fill: rgba(var(--accent-color-rgb, 132, 204, 22), 0.05) !important; }
.fill-lime-100 { fill: rgba(var(--accent-color-rgb, 132, 204, 22), 0.1) !important; }
.fill-lime-200 { fill: rgba(var(--accent-color-rgb, 132, 204, 22), 0.2) !important; }
.fill-lime-300 { fill: rgba(var(--accent-color-rgb, 132, 204, 22), 0.3) !important; }
.fill-lime-400 { fill: var(--accent-color, #84cc16) !important; }
.fill-lime-500 { fill: var(--accent-color, #84cc16) !important; }
.fill-lime-600 { fill: var(--accent-color, #65a30d) !important; }
.fill-lime-700 { fill: var(--primary-color, #4d7c0f) !important; }
.fill-lime-800 { fill: var(--primary-color, #365314) !important; }
.fill-lime-900 { fill: var(--primary-color, #1a2e05) !important; }

/* =================================================================
   DARK MODE VARIANTS
   ================================================================= */

.dark .dark\:bg-lime-50,
.dark .dark\:hover\:bg-lime-50:hover,
.dark .dark\:focus\:bg-lime-50:focus {
    background-color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.05) !important;
}

.dark .dark\:bg-lime-900,
.dark .dark\:hover\:bg-lime-900:hover,
.dark .dark\:focus\:bg-lime-900:focus {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.dark .dark\:text-lime-100,
.dark .dark\:hover\:text-lime-100:hover,
.dark .dark\:focus\:text-lime-100:focus {
    color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.9) !important;
}

.dark .dark\:text-lime-200,
.dark .dark\:hover\:text-lime-200:hover,
.dark .dark\:focus\:text-lime-200:focus {
    color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.8) !important;
}

.dark .dark\:text-lime-300,
.dark .dark\:hover\:text-lime-300:hover,
.dark .dark\:focus\:text-lime-300:focus {
    color: rgba(var(--accent-color-rgb, 132, 204, 22), 0.7) !important;
}

.dark .dark\:text-lime-400,
.dark .dark\:hover\:text-lime-400:hover,
.dark .dark\:focus\:text-lime-400:focus {
    color: var(--accent-color, #84cc16) !important;
}

.dark .dark\:border-lime-700,
.dark .dark\:hover\:border-lime-700:hover,
.dark .dark\:focus\:border-lime-700:focus {
    border-color: var(--primary-color, #4d7c0f) !important;
}

.dark .dark\:fill-lime-200 { fill: rgba(var(--accent-color-rgb, 132, 204, 22), 0.8) !important; }

/* =================================================================
   SPECIAL CASES AND SPECIFIC OVERRIDES
   ================================================================= */

/* Loading spinners */
.border-b-2.border-teal-500 {
    border-bottom-color: var(--secondary-color, #14b8a6) !important;
}

/* Tab active states */
.border-teal-500.text-teal-600 {
    border-color: var(--secondary-color, #14b8a6) !important;
    color: var(--secondary-color, #0d9488) !important;
}

/* Success states typically using lime colors */
[class*="success"].bg-lime-500,
[class*="success"].bg-lime-600 {
    background-color: var(--accent-color, #84cc16) !important;
}

/* =================================================================
   UTILITY CLASSES OVERRIDES
   ================================================================= */

/* Override any missed utility classes */
*[class*="lime-"] {
    /* This is a catch-all, but specific rules above take precedence */
}

*[class*="teal-"] {
    /* This is a catch-all, but specific rules above take precedence */
}

/* =================================================================
   GREEN COLOR OVERRIDES - ALL VARIATIONS
   ================================================================= */

/* Background Colors - Green */
.bg-green-50,
.hover\:bg-green-50:hover,
.focus\:bg-green-50:focus,
.active\:bg-green-50:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.bg-green-100,
.hover\:bg-green-100:hover,
.focus\:bg-green-100:focus,
.active\:bg-green-100:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.bg-green-200,
.hover\:bg-green-200:hover,
.focus\:bg-green-200:focus,
.active\:bg-green-200:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.bg-green-300,
.hover\:bg-green-300:hover,
.focus\:bg-green-300:focus,
.active\:bg-green-300:active {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.bg-green-400,
.hover\:bg-green-400:hover,
.focus\:bg-green-400:focus,
.active\:bg-green-400:active {
    background-color: var(--secondary-color, #22c55e) !important;
}

.bg-green-500,
.hover\:bg-green-500:hover,
.focus\:bg-green-500:focus,
.active\:bg-green-500:active {
    background-color: var(--secondary-color, #16a34a) !important;
}

.bg-green-600,
.hover\:bg-green-600:hover,
.focus\:bg-green-600:focus,
.active\:bg-green-600:active {
    background-color: var(--secondary-color, #15803d) !important;
}

.bg-green-700,
.hover\:bg-green-700:hover,
.focus\:bg-green-700:focus,
.active\:bg-green-700:active {
    background-color: var(--primary-color, #166534) !important;
}

.bg-green-800,
.hover\:bg-green-800:hover,
.focus\:bg-green-800:focus,
.active\:bg-green-800:active {
    background-color: var(--primary-color, #14532d) !important;
}

.bg-green-900,
.hover\:bg-green-900:hover,
.focus\:bg-green-900:focus,
.active\:bg-green-900:active {
    background-color: var(--primary-color, #052e16) !important;
}

/* Text Colors - Green */
.text-green-50,
.hover\:text-green-50:hover,
.focus\:text-green-50:focus,
.active\:text-green-50:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.text-green-100,
.hover\:text-green-100:hover,
.focus\:text-green-100:focus,
.active\:text-green-100:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.text-green-200,
.hover\:text-green-200:hover,
.focus\:text-green-200:focus,
.active\:text-green-200:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.text-green-300,
.hover\:text-green-300:hover,
.focus\:text-green-300:focus,
.active\:text-green-300:active {
    color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.text-green-400,
.hover\:text-green-400:hover,
.focus\:text-green-400:focus,
.active\:text-green-400:active {
    color: var(--secondary-color, #22c55e) !important;
}

.text-green-500,
.hover\:text-green-500:hover,
.focus\:text-green-500:focus,
.active\:text-green-500:active {
    color: var(--secondary-color, #16a34a) !important;
}

.text-green-600,
.hover\:text-green-600:hover,
.focus\:text-green-600:focus,
.active\:text-green-600:active {
    color: var(--secondary-color, #15803d) !important;
}

.text-green-700,
.hover\:text-green-700:hover,
.focus\:text-green-700:focus,
.active\:text-green-700:active {
    color: var(--primary-color, #166534) !important;
}

.text-green-800,
.hover\:text-green-800:hover,
.focus\:text-green-800:focus,
.active\:text-green-800:active {
    color: var(--primary-color, #14532d) !important;
}

.text-green-900,
.hover\:text-green-900:hover,
.focus\:text-green-900:focus,
.active\:text-green-900:active {
    color: var(--primary-color, #052e16) !important;
}

/* Border Colors - Green */
.border-green-50,
.hover\:border-green-50:hover,
.focus\:border-green-50:focus,
.active\:border-green-50:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.border-green-100,
.hover\:border-green-100:hover,
.focus\:border-green-100:focus,
.active\:border-green-100:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.border-green-200,
.hover\:border-green-200:hover,
.focus\:border-green-200:focus,
.active\:border-green-200:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.border-green-300,
.hover\:border-green-300:hover,
.focus\:border-green-300:focus,
.active\:border-green-300:active {
    border-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.border-green-400,
.hover\:border-green-400:hover,
.focus\:border-green-400:focus,
.active\:border-green-400:active {
    border-color: var(--secondary-color, #22c55e) !important;
}

.border-green-500,
.hover\:border-green-500:hover,
.focus\:border-green-500:focus,
.active\:border-green-500:active {
    border-color: var(--secondary-color, #16a34a) !important;
}

.border-green-600,
.hover\:border-green-600:hover,
.focus\:border-green-600:focus,
.active\:border-green-600:active {
    border-color: var(--secondary-color, #15803d) !important;
}

.border-green-700,
.hover\:border-green-700:hover,
.focus\:border-green-700:focus,
.active\:border-green-700:active {
    border-color: var(--primary-color, #166534) !important;
}

.border-green-800,
.hover\:border-green-800:hover,
.focus\:border-green-800:focus,
.active\:border-green-800:active {
    border-color: var(--primary-color, #14532d) !important;
}

.border-green-900,
.hover\:border-green-900:hover,
.focus\:border-green-900:focus,
.active\:border-green-900:active {
    border-color: var(--primary-color, #052e16) !important;
}

/* Ring Colors - Green */
.ring-green-50,
.focus\:ring-green-50:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.ring-green-100,
.focus\:ring-green-100:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important;
}

.ring-green-200,
.focus\:ring-green-200:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.ring-green-300,
.focus\:ring-green-300:focus {
    --tw-ring-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important;
}

.ring-green-400,
.focus\:ring-green-400:focus {
    --tw-ring-color: var(--secondary-color, #22c55e) !important;
}

.ring-green-500,
.focus\:ring-green-500:focus {
    --tw-ring-color: var(--secondary-color, #16a34a) !important;
}

.ring-green-600,
.focus\:ring-green-600:focus {
    --tw-ring-color: var(--secondary-color, #15803d) !important;
}

.ring-green-700,
.focus\:ring-green-700:focus {
    --tw-ring-color: var(--primary-color, #166534) !important;
}

.ring-green-800,
.focus\:ring-green-800:focus {
    --tw-ring-color: var(--primary-color, #14532d) !important;
}

.ring-green-900,
.focus\:ring-green-900:focus {
    --tw-ring-color: var(--primary-color, #052e16) !important;
}

/* =================================================================
   GREEN GRADIENT OVERRIDES
   ================================================================= */

/* Background gradients with green - SOLID COLORS */
.bg-gradient-to-t.from-green-700.to-green-600 {
    background: linear-gradient(to top, var(--primary-color, #2563eb), var(--secondary-color, #1d4ed8)) !important;
}

.bg-gradient-to-r.from-green-700.to-green-600 {
    background: linear-gradient(to right, var(--primary-color, #2563eb), var(--secondary-color, #1d4ed8)) !important;
}

.bg-gradient-to-b.from-green-700.to-green-600 {
    background: linear-gradient(to bottom, var(--primary-color, #2563eb), var(--secondary-color, #1d4ed8)) !important;
}

.bg-gradient-to-l.from-green-700.to-green-600 {
    background: linear-gradient(to left, var(--primary-color, #2563eb), var(--secondary-color, #1d4ed8)) !important;
}

.bg-gradient-to-t.from-green-600.to-green-700 {
    background: linear-gradient(to top, var(--secondary-color, #1d4ed8), var(--primary-color, #2563eb)) !important;
}

.bg-gradient-to-r.from-green-600.to-green-700 {
    background: linear-gradient(to right, var(--secondary-color, #1d4ed8), var(--primary-color, #2563eb)) !important;
}

.bg-gradient-to-b.from-green-600.to-green-700 {
    background: linear-gradient(to bottom, var(--secondary-color, #1d4ed8), var(--primary-color, #2563eb)) !important;
}

.bg-gradient-to-l.from-green-600.to-green-700 {
    background: linear-gradient(to left, var(--secondary-color, #1d4ed8), var(--primary-color, #2563eb)) !important;
}

.bg-gradient-to-t.from-green-500.to-green-600 {
    background: linear-gradient(to top, var(--secondary-color, #1d4ed8), var(--secondary-color, #1d4ed8)) !important;
}

.bg-gradient-to-r.from-green-500.to-green-600 {
    background: linear-gradient(to right, var(--secondary-color, #1d4ed8), var(--secondary-color, #1d4ed8)) !important;
}

.bg-gradient-to-b.from-green-500.to-green-600 {
    background: linear-gradient(to bottom, var(--secondary-color, #1d4ed8), var(--secondary-color, #1d4ed8)) !important;
}

.bg-gradient-to-l.from-green-500.to-green-600 {
    background: linear-gradient(to left, var(--secondary-color, #1d4ed8), var(--secondary-color, #1d4ed8)) !important;
}

/* Fill Colors - Green (for SVG icons) */
.fill-green-50 { fill: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important; }
.fill-green-100 { fill: rgba(var(--primary-color-rgb, 37, 99, 235), 0.1) !important; }
.fill-green-200 { fill: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important; }
.fill-green-300 { fill: rgba(var(--primary-color-rgb, 37, 99, 235), 0.3) !important; }
.fill-green-400 { fill: var(--secondary-color, #22c55e) !important; }
.fill-green-500 { fill: var(--secondary-color, #16a34a) !important; }
.fill-green-600 { fill: var(--secondary-color, #15803d) !important; }
.fill-green-700 { fill: var(--primary-color, #166534) !important; }
.fill-green-800 { fill: var(--primary-color, #14532d) !important; }
.fill-green-900 { fill: var(--primary-color, #052e16) !important; }

/* =================================================================
   GREEN DARK MODE VARIANTS
   ================================================================= */

.dark .dark\:bg-green-50,
.dark .dark\:hover\:bg-green-50:hover,
.dark .dark\:focus\:bg-green-50:focus {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.05) !important;
}

.dark .dark\:bg-green-900,
.dark .dark\:hover\:bg-green-900:hover,
.dark .dark\:focus\:bg-green-900:focus {
    background-color: rgba(var(--primary-color-rgb, 37, 99, 235), 0.2) !important;
}

.dark .dark\:text-green-100,
.dark .dark\:hover\:text-green-100:hover,
.dark .dark\:focus\:text-green-100:focus {
    color: rgba(var(--secondary-color-rgb, 34, 197, 94), 0.9) !important;
}

.dark .dark\:text-green-200,
.dark .dark\:hover\:text-green-200:hover,
.dark .dark\:focus\:text-green-200:focus {
    color: rgba(var(--secondary-color-rgb, 34, 197, 94), 0.8) !important;
}

.dark .dark\:text-green-300,
.dark .dark\:hover\:text-green-300:hover,
.dark .dark\:focus\:text-green-300:focus {
    color: rgba(var(--secondary-color-rgb, 34, 197, 94), 0.7) !important;
}

.dark .dark\:text-green-400,
.dark .dark\:hover\:text-green-400:hover,
.dark .dark\:focus\:text-green-400:focus {
    color: var(--secondary-color, #22c55e) !important;
}

.dark .dark\:border-green-700,
.dark .dark\:hover\:border-green-700:hover,
.dark .dark\:focus\:border-green-700:focus {
    border-color: var(--primary-color, #166534) !important;
}

.dark .dark\:fill-green-200 { fill: rgba(var(--secondary-color-rgb, 34, 197, 94), 0.8) !important; }

/* =================================================================
   END OF FILE
   ================================================================= */