/* 
   AURA MANIAC - BRAND REDESIGN V4 (ULTIMATE AGGRESSIVE)
   Theme: Bold + Fashion (Black, Gold, Ivory)
*/

:root {
  --aura-black: #0A0A0A;
  --aura-gold: #C9A646;
  --aura-ivory: #F5E6C8;
  --aura-ivory-light: #FAF3E3;
}

/* 1. Global Background & Text */
html, body, #root, [id^="root"] {
  background-color: var(--aura-black) !important;
  color: var(--aura-ivory-light) !important;
  scroll-behavior: smooth;
}

/* 2. Eliminate ALL Pink/Magenta - Targeted Overrides */
[class*="bg-pink"], [class*="bg-rose"], [class*="bg-fuchsia"], [class*="bg-purple"],
[style*="background-color: pink"], [style*="background-color: #f"], 
[style*="background-color: #e"], [style*="background-color: rgb(2"] {
  background-color: var(--aura-gold) !important;
  color: var(--aura-black) !important;
}

[class*="text-pink"], [class*="text-rose"], [class*="text-fuchsia"] {
  color: var(--aura-gold) !important;
}

[class*="border-pink"], [class*="border-rose"], [class*="border-fuchsia"] {
  border-color: var(--aura-gold) !important;
}

/* 3. Headers & Navigation */
header, nav, .navbar {
  background-color: #000000 !important;
  border-bottom: 1px solid var(--aura-gold) !important;
}

nav a, nav button {
  color: var(--aura-gold) !important;
}

nav a:hover {
  color: var(--aura-ivory) !important;
}

/* 4. Product Areas (Ivory Theme) */
.product-card, [class*="product-item"], .card, .bg-white {
  background-color: var(--aura-ivory) !important;
  color: var(--aura-black) !important;
  border: 1px solid rgba(201, 166, 70, 0.3) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(201, 166, 70, 0.2) !important;
  border-color: var(--aura-gold) !important;
}

.product-title, h1, h2, h3 {
  color: var(--aura-gold) !important;
}

/* 5. Buttons & Interactive Elements (Gold) */
button, .btn, [type="button"], [type="submit"], .bg-blue-600, .bg-indigo-600 {
  background-color: var(--aura-gold) !important;
  color: var(--aura-black) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: none !important;
}

button:hover, .btn:hover {
  background-color: var(--aura-ivory-light) !important;
  color: var(--aura-black) !important;
}

/* 6. Form Inputs & Textareas */
input, textarea, select {
  background-color: #111 !important;
  border: 1px solid var(--aura-gold) !important;
  color: var(--aura-ivory) !important;
}

input:focus {
  outline: 2px solid var(--aura-gold) !important;
}

/* 7. Footer Redesign */
footer {
  background-color: #000 !important;
  border-top: 2px solid var(--aura-gold) !important;
  color: var(--aura-ivory-light) !important;
}

/* 8. Utility Overrides */
.text-gray-900, .text-black { color: var(--aura-ivory) !important; }
.text-gray-600, .text-gray-500 { color: #BBB !important; }
.bg-gray-100, .bg-gray-50 { background-color: #1A1A1A !important; }

/* 9. Specialized Sections */
#aura-chatbot-btn {
  background: var(--aura-gold) !important;
}
#aura-chatbot-window {
  background: var(--aura-black) !important;
  border-color: var(--aura-gold) !important;
}
#aura-chatbot-header {
  background: var(--aura-gold) !important;
}