/* Theme color overrides - loads after styles.css for proper cascade */

/* Default/Light theme - hero background */
.hero-section {
  background-image: linear-gradient(180deg, rgba(253,251,247,0.5) 0%, rgba(253,251,247,0.9) 60%, #fdfbf7 100%), url('images/ethereal_landscape_vision.jpg') !important;
}

/* Dark theme */
html[data-theme="dark"] body {
  background-color: #0a0a0b !important;
  color: #e8e4dc !important;
}
html[data-theme="dark"] #mainHeader,
html[data-theme="dark"] .nav-links-mobile {
  background-color: rgba(10, 10, 11, 0.95) !important;
  border-color: rgba(201, 162, 39, 0.2) !important;
}
html[data-theme="dark"] .bg-warm-white,
html[data-theme="dark"] .bg-warm-white\/90,
html[data-theme="dark"] .bg-warm-white\/95,
html[data-theme="dark"] .bg-gallery-stone-50 {
  background-color: #121214 !important;
}
html[data-theme="dark"] .bg-gallery-stone-100 {
  background-color: #0a0a0b !important;
}
html[data-theme="dark"] main {
  background-color: #0a0a0b !important;
}
html[data-theme="dark"] .text-gallery-stone-800,
html[data-theme="dark"] .text-gallery-stone-700,
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3 {
  color: #e8e4dc !important;
}
html[data-theme="dark"] .text-gallery-stone-600,
html[data-theme="dark"] .text-gallery-stone-500 {
  color: #a8a49c !important;
}
html[data-theme="dark"] .text-gallery-amber {
  color: #c9a227 !important;
}
html[data-theme="dark"] .bg-gallery-amber {
  background-color: #c9a227 !important;
}
html[data-theme="dark"] .border-gallery-stone-200,
html[data-theme="dark"] .border-gallery-stone-200\/60 {
  border-color: rgba(201, 162, 39, 0.2) !important;
}
html[data-theme="dark"] .hamburger-line {
  background-color: #e8e4dc !important;
}
html[data-theme="dark"] section#home {
  background-image: linear-gradient(180deg, rgba(10,10,11,0.5) 0%, rgba(10,10,11,0.9) 60%, #0a0a0b 100%), url('images/ethereal_landscape_vision.jpg') !important;
}
html[data-theme="dark"] footer,
html[data-theme="dark"] .bg-gallery-stone-800 {
  background-color: #121214 !important;
  border-color: rgba(201, 162, 39, 0.2) !important;
  color: #a8a49c !important;
}
html[data-theme="dark"] footer h3,
html[data-theme="dark"] footer a {
  color: #e8e4dc !important;
}
html[data-theme="dark"] #theme-select,
html[data-theme="dark"] #collections-dropdown,
html[data-theme="dark"] #language-select {
  background-color: #1a1a1d !important;
  color: #e8e4dc !important;
  border-color: rgba(201, 162, 39, 0.2) !important;
}

/* Sunset theme */
html[data-theme="sunset"] body {
  background-color: #1a1412 !important;
  color: #f0e6dc !important;
}
html[data-theme="sunset"] #mainHeader,
html[data-theme="sunset"] .nav-links-mobile {
  background-color: rgba(26, 20, 18, 0.95) !important;
  border-color: rgba(224, 124, 60, 0.3) !important;
}
html[data-theme="sunset"] .bg-warm-white,
html[data-theme="sunset"] .bg-warm-white\/90,
html[data-theme="sunset"] .bg-warm-white\/95,
html[data-theme="sunset"] .bg-gallery-stone-50 {
  background-color: #241c18 !important;
}
html[data-theme="sunset"] .bg-gallery-stone-100 {
  background-color: #1a1412 !important;
}
html[data-theme="sunset"] main {
  background-color: #1a1412 !important;
}
html[data-theme="sunset"] .text-gallery-stone-800,
html[data-theme="sunset"] .text-gallery-stone-700,
html[data-theme="sunset"] h1, html[data-theme="sunset"] h2, html[data-theme="sunset"] h3 {
  color: #f0e6dc !important;
}
html[data-theme="sunset"] .text-gallery-stone-600,
html[data-theme="sunset"] .text-gallery-stone-500 {
  color: #c4b4a8 !important;
}
html[data-theme="sunset"] .text-gallery-amber {
  color: #e07c3c !important;
}
html[data-theme="sunset"] .bg-gallery-amber {
  background-color: #e07c3c !important;
}
html[data-theme="sunset"] .border-gallery-stone-200 {
  border-color: rgba(224, 124, 60, 0.25) !important;
}
html[data-theme="sunset"] footer,
html[data-theme="sunset"] .bg-gallery-stone-800 {
  background-color: #241c18 !important;
  border-color: rgba(224, 124, 60, 0.25) !important;
  color: #c4b4a8 !important;
}
html[data-theme="sunset"] #theme-select,
html[data-theme="sunset"] #collections-dropdown,
html[data-theme="sunset"] #language-select {
  background-color: #2d2420 !important;
  color: #f0e6dc !important;
  border-color: rgba(224, 124, 60, 0.25) !important;
}
html[data-theme="sunset"] section#home {
  background-image: linear-gradient(180deg, rgba(26,20,18,0.5) 0%, rgba(26,20,18,0.9) 60%, #1a1412 100%), url('images/ethereal_landscape_vision.jpg') !important;
}

/* Midnight theme */
html[data-theme="midnight"] body {
  background-color: #0c0e14 !important;
  color: #e4eaf0 !important;
}
html[data-theme="midnight"] #mainHeader,
html[data-theme="midnight"] .nav-links-mobile {
  background-color: rgba(12, 14, 20, 0.95) !important;
  border-color: rgba(126, 184, 218, 0.25) !important;
}
html[data-theme="midnight"] .bg-warm-white,
html[data-theme="midnight"] .bg-warm-white\/90,
html[data-theme="midnight"] .bg-warm-white\/95,
html[data-theme="midnight"] .bg-gallery-stone-50 {
  background-color: #12161f !important;
}
html[data-theme="midnight"] .bg-gallery-stone-100 {
  background-color: #0c0e14 !important;
}
html[data-theme="midnight"] main {
  background-color: #0c0e14 !important;
}
html[data-theme="midnight"] .text-gallery-stone-800,
html[data-theme="midnight"] .text-gallery-stone-700,
html[data-theme="midnight"] h1, html[data-theme="midnight"] h2, html[data-theme="midnight"] h3 {
  color: #e4eaf0 !important;
}
html[data-theme="midnight"] .text-gallery-stone-600,
html[data-theme="midnight"] .text-gallery-stone-500 {
  color: #a0acc0 !important;
}
html[data-theme="midnight"] .text-gallery-amber {
  color: #7eb8da !important;
}
html[data-theme="midnight"] .bg-gallery-amber {
  background-color: #7eb8da !important;
}
html[data-theme="midnight"] .border-gallery-stone-200 {
  border-color: rgba(126, 184, 218, 0.22) !important;
}
html[data-theme="midnight"] footer,
html[data-theme="midnight"] .bg-gallery-stone-800 {
  background-color: #12161f !important;
  border-color: rgba(126, 184, 218, 0.22) !important;
  color: #a0acc0 !important;
}
html[data-theme="midnight"] #theme-select,
html[data-theme="midnight"] #collections-dropdown,
html[data-theme="midnight"] #language-select {
  background-color: #1a1f2a !important;
  color: #e4eaf0 !important;
  border-color: rgba(126, 184, 218, 0.22) !important;
}
html[data-theme="midnight"] section#home {
  background-image: linear-gradient(180deg, rgba(12,14,20,0.5) 0%, rgba(12,14,20,0.9) 60%, #0c0e14 100%), url('images/ethereal_landscape_vision.jpg') !important;
}

/* Forest theme */
html[data-theme="forest"] body {
  background-color: #0d1210 !important;
  color: #e2ebe6 !important;
}
html[data-theme="forest"] #mainHeader,
html[data-theme="forest"] .nav-links-mobile {
  background-color: rgba(13, 18, 16, 0.95) !important;
  border-color: rgba(107, 155, 122, 0.25) !important;
}
html[data-theme="forest"] .bg-warm-white,
html[data-theme="forest"] .bg-warm-white\/90,
html[data-theme="forest"] .bg-warm-white\/95,
html[data-theme="forest"] .bg-gallery-stone-50 {
  background-color: #141a16 !important;
}
html[data-theme="forest"] .bg-gallery-stone-100 {
  background-color: #0d1210 !important;
}
html[data-theme="forest"] main {
  background-color: #0d1210 !important;
}
html[data-theme="forest"] .text-gallery-stone-800,
html[data-theme="forest"] .text-gallery-stone-700,
html[data-theme="forest"] h1, html[data-theme="forest"] h2, html[data-theme="forest"] h3 {
  color: #e2ebe6 !important;
}
html[data-theme="forest"] .text-gallery-stone-600,
html[data-theme="forest"] .text-gallery-stone-500 {
  color: #a8b8ae !important;
}
html[data-theme="forest"] .text-gallery-amber {
  color: #6b9b7a !important;
}
html[data-theme="forest"] .bg-gallery-amber {
  background-color: #6b9b7a !important;
}
html[data-theme="forest"] .border-gallery-stone-200 {
  border-color: rgba(107, 155, 122, 0.22) !important;
}
html[data-theme="forest"] footer,
html[data-theme="forest"] .bg-gallery-stone-800 {
  background-color: #141a16 !important;
  border-color: rgba(107, 155, 122, 0.22) !important;
  color: #a8b8ae !important;
}
html[data-theme="forest"] #theme-select,
html[data-theme="forest"] #collections-dropdown,
html[data-theme="forest"] #language-select {
  background-color: #1c2420 !important;
  color: #e2ebe6 !important;
  border-color: rgba(107, 155, 122, 0.22) !important;
}
html[data-theme="forest"] section#home {
  background-image: linear-gradient(180deg, rgba(13,18,16,0.5) 0%, rgba(13,18,16,0.9) 60%, #0d1210 100%), url('images/ethereal_landscape_vision.jpg') !important;
}