/* Neon Earth Color Scheme Override */
/* Primary: #1C1C1C (black), Secondary: #8B4513 (brown), Accent: #FFD700 (yellow), Highlight: #00FF00 (green - subtle) */

/* Override amber colors with Neon Earth palette */

/* Backgrounds - Brown tones */
.bg-amber-50 { background-color: #FDF8F3 !important; }
.bg-amber-100 { background-color: #F5EBE0 !important; }
.bg-amber-500 { background-color: #8B4513 !important; } /* Neon Brown */
.bg-amber-600 { background-color: #6B3410 !important; }
.bg-amber-700 { background-color: #5A2C0D !important; }
.bg-amber-800 { background-color: #3D1F09 !important; }
.bg-amber-900 { background-color: #1C1C1C !important; } /* Neon Black */

/* Text colors */
.text-amber-100 { color: #F5EBE0 !important; }
.text-amber-200 { color: #EBD9C5 !important; }
.text-amber-300 { color: #D4C5A8 !important; }
.text-amber-600 { color: #8B4513 !important; } /* Neon Brown */
.text-amber-700 { color: #6B3410 !important; }
.text-amber-800 { color: #3D1F09 !important; }
.text-amber-900 { color: #1C1C1C !important; } /* Neon Black */

/* Borders */
.border-amber-600 { border-color: #8B4513 !important; }
.border-amber-700 { border-color: #6B3410 !important; }

/* Hover states */
.hover\:bg-amber-100:hover { background-color: #F5EBE0 !important; }
.hover\:bg-amber-600:hover { background-color: #6B3410 !important; }
.hover\:bg-amber-700:hover { background-color: #5A2C0D !important; }
.hover\:text-amber-200:hover { color: #EBD9C5 !important; }
.hover\:text-amber-900:hover { color: #1C1C1C !important; }

/* Yellow accents for important elements */
.text-yellow-500,
.text-yellow-600 { color: #FFD700 !important; } /* Neon Yellow */

/* Subtle green highlights (used minimally) */
.text-green-600 { color: #00CC00 !important; } /* Slightly muted green */
.bg-green-100 { background-color: #F0FFF0 !important; }
.border-green-600 { border-color: #00CC00 !important; }

/* Update gradient backgrounds */
.hero-gradient {
  background: linear-gradient(135deg, #1C1C1C 0%, #8B4513 50%, #3D1F09 100%) !important;
}

/* Update chocolate card shadows with brown tones */
.chocolate-card:hover {
  box-shadow: 0 10px 25px rgba(139, 69, 19, 0.3) !important;
}

/* Featured star icons - use yellow */
.fa-star {
  color: #FFD700 !important;
}

/* Buttons - brown with yellow hover */
.bg-amber-500 {
  background-color: #8B4513 !important;
}

.bg-amber-500:hover,
.hover\:bg-amber-600 {
  background-color: #6B3410 !important;
}

/* Navigation - black background */
nav.bg-amber-900 {
  background-color: #1C1C1C !important;
}

/* Links and interactive elements */
a {
  transition: color 0.3s ease;
}

/* Subtle green for success states (minimal use) */
.text-green-600,
.text-green-800 {
  color: #00CC00 !important;
}

/* Card backgrounds */
.bg-white {
  background-color: #FFFFFF;
}

/* Gray backgrounds stay gray */
.bg-gray-50 { background-color: #F9FAFB; }
.bg-gray-100 { background-color: #F3F4F6; }

/* Override specific colored badges */
.bg-blue-100 { background-color: #DBEAFE; }
.text-blue-800 { color: #1E40AF; }
.bg-purple-100 { background-color: #F3E8FF; }
.text-purple-800 { color: #6B21A8; }

/* Form inputs */
input:focus,
select:focus {
  border-color: #8B4513 !important;
  ring-color: #8B4513 !important;
}

/* Focus rings */
.focus\:ring-amber-500:focus {
  --tw-ring-color: #8B4513 !important;
}

.focus\:border-amber-500:focus {
  border-color: #8B4513 !important;
}