/* ============================================
   ENCHANTED & HANDMADE — Dark Mode
   "Silent Guardians · Lunar Heritage"

   Deep, shadowy purples. Not black — purple.
   Like the space between crescent moons.
   ============================================ */

/* ── Variable Override on html root ── */
html.dark-mode {
  --cream:          #080312;   /* void — deepest purple-black   */
  --cream-dark:     #0F0820;   /* night depths                  */
  --white:          #0D0618;   /* dark card surface             */
  --purple-pale:    #0F0820;
  --purple-light:   #150C2A;   /* card background               */

  /* Purple becomes luminous on dark bg */
  --deep-purple:    #C09AFF;
  --purple-mid:     #9B5FE8;
  --purple-dark:    #7C3AED;

  /* Text */
  --text-dark:      #EDE5F8;   /* soft lavender-white           */
  --text-mid:       #B89ED0;   /* muted lavender                */
  --text-light:     #6B4E8A;   /* whispered purple              */

  /* Earth tones stay warm against dark */
  --terra:          #D48A58;
  --terra-mid:      #C47848;
  --terra-light:    #E8A87C;
  --warm-gold:      #D4AE5A;
  --gold-light:     #E8C87A;

  /* Greens — muted, forest at night */
  --forest-green:   #3A6E2A;
  --sage-green:     #5A8040;

  /* Shadows — purple glow */
  --shadow-soft:    0 4px 24px rgba(155, 95, 232, 0.22);
  --shadow-card:    0 8px 40px rgba(155, 95, 232, 0.30);
  --shadow-hover:   0 16px 56px rgba(155, 95, 232, 0.50);
}

/* ── Body Base ── */
html.dark-mode body {
  background: #080312;
  color: #EDE5F8;
}

/* ── Typography ── */
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5 {
  color: #EDE5F8;
}

html.dark-mode p {
  color: var(--text-mid);
}

html.dark-mode .section-title {
  color: #EDE5F8;
}

html.dark-mode .section-label {
  color: var(--terra);
}

html.dark-mode .section-desc {
  color: var(--text-mid);
}

/* ── Navigation ── */
html.dark-mode .nav {
  background: rgba(8, 3, 18, 0.97);
  border-bottom: 1px solid rgba(160, 100, 255, 0.18);
  backdrop-filter: blur(20px);
}

html.dark-mode .nav__logo {
  color: var(--deep-purple);
}

html.dark-mode .nav__link {
  color: var(--text-mid);
}

html.dark-mode .nav__link:hover,
html.dark-mode .nav__link.active {
  color: var(--deep-purple);
}

html.dark-mode .nav__mobile {
  background: #080312;
  border-top: 1px solid rgba(160, 100, 255, 0.18);
}

html.dark-mode .nav__mobile .nav__link {
  border-bottom-color: rgba(160, 100, 255, 0.12);
}

/* ── Buttons ── */
html.dark-mode .btn-primary {
  background: var(--purple-mid);
  box-shadow: 0 4px 20px rgba(155, 95, 232, 0.40);
}

html.dark-mode .btn-primary:hover {
  background: #B060FF;
  box-shadow: 0 8px 32px rgba(155, 95, 232, 0.60);
  transform: translateY(-2px);
}

html.dark-mode .btn-outline {
  border-color: rgba(192, 154, 255, 0.45);
  color: var(--deep-purple);
}

html.dark-mode .btn-outline:hover {
  background: rgba(155, 95, 232, 0.14);
  border-color: var(--deep-purple);
}

html.dark-mode .btn-ghost {
  color: var(--text-mid);
}

html.dark-mode .btn-ghost:hover {
  color: var(--deep-purple);
  background: rgba(155, 95, 232, 0.10);
}

/* ── Hero ── */
html.dark-mode .hero {
  background: linear-gradient(
    135deg,
    #030108 0%,
    #150C2A 25%,
    #3D1268 55%,
    #1C0A3A 80%,
    #050210 100%
  ) !important;
}

html.dark-mode .hero__orb--1 { background: radial-gradient(circle, rgba(120,50,220,0.30) 0%, transparent 70%); }
html.dark-mode .hero__orb--2 { background: radial-gradient(circle, rgba(80,20,180,0.25) 0%, transparent 70%); }
html.dark-mode .hero__orb--3 { background: radial-gradient(circle, rgba(60,10,140,0.20) 0%, transparent 70%); }

/* ── Page Headers ── */
html.dark-mode .page-header {
  background: linear-gradient(135deg, #050210 0%, #150C2A 40%, #3D1268 80%, #0D0618 100%);
}

html.dark-mode .page-header h1,
html.dark-mode .page-header .section-label {
  color: var(--deep-purple);
}

html.dark-mode .page-header p {
  color: rgba(237, 229, 248, 0.70);
}

/* ── Story Teaser ── */
html.dark-mode .story-teaser {
  background: linear-gradient(135deg, #050210 0%, #1a0a2e 50%, #0F0820 100%);
}

/* ── Featured / Product Sections ── */
html.dark-mode .featured,
html.dark-mode .instagram {
  background: #080312;
}

html.dark-mode .featured .section-title,
html.dark-mode .featured h2 {
  color: #EDE5F8;
}

/* ── Trust / Benefits Section ── */
html.dark-mode .trust {
  background: #0D0618;
}

html.dark-mode .trust-badge {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.18);
}

html.dark-mode .trust-badge:hover {
  border-color: rgba(192, 154, 255, 0.40);
  box-shadow: 0 8px 32px rgba(155, 95, 232, 0.28);
}

html.dark-mode .trust-badge__icon {
  background: linear-gradient(135deg, var(--purple-mid), var(--purple-dark));
}

html.dark-mode .trust-badge__title {
  color: #EDE5F8;
}

html.dark-mode .trust-badge__text {
  color: var(--text-mid);
}

/* ── Product Cards ── */
html.dark-mode .product-card {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.16);
  box-shadow: 0 4px 20px rgba(8, 3, 18, 0.50);
}

html.dark-mode .product-card:hover {
  border-color: rgba(192, 154, 255, 0.45);
  box-shadow: 0 12px 44px rgba(155, 95, 232, 0.38);
  transform: translateY(-6px);
}

html.dark-mode .product-card__img {
  background: linear-gradient(135deg, #1C1238 0%, #231847 100%);
}

html.dark-mode .product-card__name {
  color: #EDE5F8;
}

html.dark-mode .product-card__price {
  color: var(--warm-gold);
}

html.dark-mode .product-card__category {
  color: var(--text-light);
}

html.dark-mode .product-card__info {
  background: #150C2A;
}

html.dark-mode .btn-add {
  background: var(--purple-mid);
}

html.dark-mode .btn-add:hover {
  background: #B060FF;
  box-shadow: 0 4px 20px rgba(155, 95, 232, 0.50);
}

/* ── Shop Sidebar ── */
html.dark-mode .filter-sidebar {
  background: #150C2A;
  border: 1px solid rgba(160, 100, 255, 0.18);
  box-shadow: var(--shadow-soft);
}

html.dark-mode .filter-sidebar__title {
  color: #EDE5F8;
  border-bottom-color: rgba(160, 100, 255, 0.20);
}

html.dark-mode .filter-group__label {
  color: var(--text-light);
}

html.dark-mode .filter-btn {
  color: var(--text-mid);
}

html.dark-mode .filter-btn:hover {
  background: #231847;
  color: #EDE5F8;
}

html.dark-mode .filter-btn.active {
  background: var(--purple-mid);
  color: #EDE5F8;
}

html.dark-mode .filter-btn .count {
  background: rgba(0, 0, 0, 0.30);
}

html.dark-mode .filter-toggle {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.25);
  color: var(--deep-purple);
}

/* ── Shop Toolbar ── */
html.dark-mode .results-count {
  color: var(--text-light);
}

html.dark-mode .results-count strong {
  color: #EDE5F8;
}

html.dark-mode .filter-tag {
  background: var(--purple-mid);
}

html.dark-mode .sort-select {
  background-color: #150C2A;
  border-color: rgba(160, 100, 255, 0.25);
  color: #EDE5F8;
}

html.dark-mode .sort-select:focus {
  border-color: var(--purple-mid);
}

html.dark-mode .view-btn {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.22);
  color: var(--text-mid);
}

html.dark-mode .view-btn.active,
html.dark-mode .view-btn:hover {
  background: var(--purple-mid);
  border-color: var(--purple-mid);
  color: #EDE5F8;
}

/* ── Price Range Inputs ── */
html.dark-mode .price-range input[type="number"] {
  background: #1C1238;
  border-color: rgba(160, 100, 255, 0.25);
  color: #EDE5F8;
}

html.dark-mode .price-range span {
  color: var(--text-light);
}

/* ── Quick View Modal ── */
html.dark-mode .modal-overlay {
  background: rgba(2, 1, 8, 0.80);
}

html.dark-mode .modal {
  background: #150C2A;
  border: 1px solid rgba(160, 100, 255, 0.22);
}

html.dark-mode .modal__header {
  border-bottom-color: rgba(160, 100, 255, 0.18);
}

html.dark-mode .modal__title {
  color: #EDE5F8;
}

html.dark-mode .modal__price {
  color: var(--warm-gold);
}

html.dark-mode .modal__desc {
  color: var(--text-mid);
}

html.dark-mode .modal__qty-control {
  border-color: rgba(160, 100, 255, 0.25);
}

html.dark-mode .modal__qty-control button {
  background: #231847;
  color: var(--deep-purple);
}

html.dark-mode .modal__qty-control button:hover {
  background: var(--purple-mid);
  color: #EDE5F8;
}

html.dark-mode .modal__qty-control span {
  color: #EDE5F8;
}

html.dark-mode .modal__tag {
  background: #231847;
  color: var(--text-mid);
}

/* ── Cart Sidebar ── */
html.dark-mode .cart-sidebar {
  background: #0D0618;
  border-left: 1px solid rgba(160, 100, 255, 0.20);
}

html.dark-mode .cart-overlay {
  background: rgba(2, 1, 8, 0.75);
}

html.dark-mode .cart-sidebar__header,
html.dark-mode .cart-sidebar__footer {
  background: #0D0618;
  border-color: rgba(160, 100, 255, 0.16);
}

html.dark-mode .cart-sidebar__title {
  color: #EDE5F8;
}

html.dark-mode .cart-item {
  background: #150C2A;
  border: 1px solid rgba(160, 100, 255, 0.16);
}

html.dark-mode .cart-item__name {
  color: #EDE5F8;
}

html.dark-mode .cart-item__price {
  color: var(--warm-gold);
}

html.dark-mode .cart-total {
  color: #EDE5F8;
}

/* ── Product Detail ── */
html.dark-mode .product-detail {
  background: #080312;
}

html.dark-mode .product-back:hover {
  color: var(--deep-purple);
}

html.dark-mode .product-info__name {
  color: #EDE5F8;
}

html.dark-mode .product-info__category {
  color: var(--terra);
}

html.dark-mode .product-tag {
  background: #1C1238;
  border-color: rgba(160, 100, 255, 0.22);
  color: var(--text-mid);
}

html.dark-mode .product-info__desc {
  color: var(--text-mid);
}

html.dark-mode .details-toggle {
  background: #1C1238;
  color: var(--deep-purple);
}

html.dark-mode .details-toggle:hover {
  background: #231847;
}

html.dark-mode .details-body__inner {
  background: #150C2A;
  color: var(--text-mid);
}

html.dark-mode .btn-buy {
  background: linear-gradient(135deg, var(--purple-mid), #7C3AED);
  box-shadow: 0 4px 20px rgba(155, 95, 232, 0.40);
}

html.dark-mode .btn-buy:hover {
  box-shadow: 0 8px 32px rgba(155, 95, 232, 0.60);
}

html.dark-mode .payment-methods {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.18);
}

html.dark-mode .payment-logo {
  background: #231847;
  border-color: rgba(160, 100, 255, 0.20);
  color: var(--text-mid);
}

html.dark-mode .product-gallery__thumbs::-webkit-scrollbar-thumb {
  background: #231847;
}

html.dark-mode .product-not-found h2 {
  color: #EDE5F8;
}

html.dark-mode .product-breadcrumb a:hover {
  color: var(--deep-purple);
}

/* ── About Page ── */
html.dark-mode .brand-story {
  background: #080312;
}

html.dark-mode .brand-story__text p {
  color: var(--text-mid);
}

html.dark-mode .brand-story__text p:first-of-type {
  color: var(--deep-purple);
}

html.dark-mode .brand-story__sig {
  color: var(--warm-gold);
}

html.dark-mode .process {
  background: #0D0618;
}

html.dark-mode .process-step__icon::before {
  background: #0D0618;
}

html.dark-mode .process-step__title {
  color: #EDE5F8;
}

html.dark-mode .process-step__text {
  color: var(--text-mid);
}

html.dark-mode .process-step__num {
  color: var(--text-light);
}

html.dark-mode .ingredients {
  background: #080312;
}

html.dark-mode .ingredient-chip {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.22);
}

html.dark-mode .ingredient-chip:hover {
  border-color: rgba(192, 154, 255, 0.50);
  box-shadow: 0 4px 20px rgba(155, 95, 232, 0.25);
}

html.dark-mode .ingredient-chip__name {
  color: #EDE5F8;
}

html.dark-mode .ingredient-chip__note {
  color: var(--text-light);
}

/* ── Contact Page ── */
html.dark-mode .contact-section {
  background: #080312;
}

html.dark-mode .contact-item__value,
html.dark-mode .contact-item__value a {
  color: var(--deep-purple);
}

html.dark-mode .contact-item__value a:hover {
  color: var(--warm-gold);
}

html.dark-mode .contact-item__label {
  color: var(--text-light);
}

html.dark-mode .hours-card {
  background: #150C2A;
  border: 1px solid rgba(160, 100, 255, 0.18);
}

html.dark-mode .hours-card h4 {
  color: #EDE5F8;
}

html.dark-mode .hours-row {
  border-bottom-color: rgba(160, 100, 255, 0.10);
}

html.dark-mode .hours-row .day {
  color: var(--text-mid);
}

html.dark-mode .hours-row .time {
  color: var(--deep-purple);
}

html.dark-mode .contact-social a {
  border-color: rgba(160, 100, 255, 0.25);
  color: var(--text-mid);
}

html.dark-mode .contact-social a:hover {
  border-color: var(--warm-gold);
  color: var(--warm-gold);
  background: rgba(212, 174, 90, 0.10);
}

html.dark-mode .contact-form-panel {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.20);
  box-shadow: 0 8px 48px rgba(155, 95, 232, 0.22);
}

html.dark-mode .contact-form-panel h3 {
  color: #EDE5F8;
}

html.dark-mode .contact-form-panel > p {
  color: var(--text-mid);
}

html.dark-mode .form-group label {
  color: var(--text-mid);
}

html.dark-mode .form-group input,
html.dark-mode .form-group select,
html.dark-mode .form-group textarea {
  background: #1C1238;
  border-color: rgba(160, 100, 255, 0.28);
  color: #EDE5F8;
}

html.dark-mode .form-group input::placeholder,
html.dark-mode .form-group textarea::placeholder {
  color: var(--text-light);
}

html.dark-mode .form-group input:focus,
html.dark-mode .form-group select:focus,
html.dark-mode .form-group textarea:focus {
  border-color: var(--purple-mid);
  box-shadow: 0 0 0 3px rgba(155, 95, 232, 0.20);
  background: #231847;
}

html.dark-mode .form-note {
  color: var(--text-light);
}

html.dark-mode .form-checkbox {
  color: var(--text-mid);
}

html.dark-mode .map-section {
  background: #080312;
}

html.dark-mode .quick-links {
  background: #0D0618;
}

html.dark-mode .quick-link-card {
  background: #150C2A;
  border-bottom-color: transparent;
  box-shadow: 0 4px 20px rgba(8, 3, 18, 0.40);
}

html.dark-mode .quick-link-card:hover {
  border-bottom-color: var(--warm-gold);
  box-shadow: 0 8px 32px rgba(155, 95, 232, 0.28);
}

html.dark-mode .quick-link-card h4 {
  color: #EDE5F8;
}

html.dark-mode .quick-link-card p {
  color: var(--text-mid);
}

/* ── Testimonials Page ── */
html.dark-mode .security-banner {
  background: #0D0618;
  border-bottom-color: rgba(160, 100, 255, 0.30);
}

html.dark-mode .security-seal {
  color: var(--deep-purple);
}

html.dark-mode .security-seal__text small {
  color: var(--text-light);
}

html.dark-mode .rating-summary {
  background: #0D0618;
}

html.dark-mode .rating-big__score {
  color: var(--deep-purple);
}

html.dark-mode .rating-bar__track {
  background: #231847;
}

html.dark-mode .reviews-section {
  background: #080312;
}

html.dark-mode .review-card {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.18);
  box-shadow: 0 4px 20px rgba(8, 3, 18, 0.45);
}

html.dark-mode .review-card:hover {
  box-shadow: 0 12px 40px rgba(155, 95, 232, 0.32);
}

html.dark-mode .review-card__name {
  color: #EDE5F8;
}

html.dark-mode .review-card__date {
  color: var(--text-light);
}

html.dark-mode .review-card__text {
  color: var(--text-mid);
}

html.dark-mode .review-card__quote-mark {
  color: #231847;
}

html.dark-mode .review-card__product {
  color: var(--text-light);
  border-left-color: rgba(90, 128, 64, 0.50);
}

html.dark-mode .review-photo-placeholder {
  background: linear-gradient(135deg, #1C1238, #231847);
}

html.dark-mode .review-filter-btn {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.22);
  color: var(--text-mid);
}

html.dark-mode .review-filter-btn:hover,
html.dark-mode .review-filter-btn.active {
  background: var(--purple-mid);
  border-color: var(--purple-mid);
  color: #EDE5F8;
}

html.dark-mode .faq {
  background: #0D0618;
}

html.dark-mode .faq-item {
  background: #150C2A;
  border-color: rgba(160, 100, 255, 0.16);
  box-shadow: none;
}

html.dark-mode .faq-question {
  color: #EDE5F8;
  background: #150C2A;
}

html.dark-mode .faq-question:hover {
  color: var(--deep-purple);
}

html.dark-mode .faq-answer__inner {
  border-top-color: rgba(160, 100, 255, 0.16);
  color: var(--text-mid);
}

html.dark-mode .guarantees {
  background: #080312;
}

html.dark-mode .guarantee-item h4 {
  color: #EDE5F8;
}

html.dark-mode .guarantee-item p {
  color: var(--text-mid);
}

html.dark-mode .guarantee-item__icon {
  border-color: rgba(192, 154, 255, 0.40);
  color: var(--deep-purple);
}

html.dark-mode .guarantee-item:hover .guarantee-item__icon {
  background: var(--purple-mid);
  color: #EDE5F8;
  border-color: var(--purple-mid);
}

/* ── Footer ── */
html.dark-mode footer {
  background: linear-gradient(to bottom, #040110, #020009);
}

html.dark-mode .footer__links a:hover {
  color: var(--warm-gold);
}

/* ── Shop Page Background ── */
/* Mimics the "Our Roots" story-teaser section: deep purple gradient + gold star pattern */
html.dark-mode body.shop-page {
  background:
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.045'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(160deg, #0D0618 0%, #1C0A3A 30%, #3D1268 60%, #150C2A 85%, #080312 100%);
  background-attachment: fixed;
}

html.dark-mode body.shop-page main {
  background: transparent;
}

html.dark-mode body.shop-page .filter-sidebar {
  background: rgba(21, 12, 42, 0.92);
  backdrop-filter: blur(10px);
}

html.dark-mode body.shop-page .product-card {
  background: rgba(21, 12, 42, 0.88);
  backdrop-filter: blur(6px);
}

/* ── Trust Statement (testimonials) — keep gradient dark in dark mode ── */
/* Without this override, CSS vars change and the gradient becomes light purple */
html.dark-mode .trust-statement {
  background: linear-gradient(135deg, #050210 0%, #1a0a2e 45%, #0D0618 100%) !important;
}

html.dark-mode .trust-statement::before {
  opacity: 0.08;
}

html.dark-mode .trust-statement__quote {
  color: var(--text-dark);
}

html.dark-mode .trust-statement__author {
  color: var(--warm-gold);
}

/* ── Dark Mode Toggle Button ── */
.darkmode-toggle {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1.5px solid rgba(98, 37, 160, 0.35);
  background: transparent;
  color: var(--deep-purple);
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition);
  flex-shrink: 0;
}

.darkmode-toggle:hover {
  border-color: var(--warm-gold);
  background: rgba(201, 168, 76, 0.10);
  transform: rotate(18deg) scale(1.08);
}

/* Icon state: light mode shows moon, dark mode shows sun */
.darkmode-toggle .icon-moon { display: block; }
.darkmode-toggle .icon-sun  { display: none;  }

html.dark-mode .darkmode-toggle {
  border-color: rgba(192, 154, 255, 0.45);
  color: var(--warm-gold);
  background: rgba(21, 12, 42, 0.90);
}

html.dark-mode .darkmode-toggle:hover {
  border-color: var(--warm-gold);
  background: rgba(212, 174, 90, 0.14);
  transform: rotate(-18deg) scale(1.08);
}

html.dark-mode .darkmode-toggle .icon-moon { display: none;  }
html.dark-mode .darkmode-toggle .icon-sun  { display: block; }

/* ── Lunar Sparkle Layer ── */
html.dark-mode .sparkle-container {
  opacity: 0.6;
  mix-blend-mode: screen;
}

/* ── No Results ── */
html.dark-mode .no-results i {
  color: #231847;
}

html.dark-mode .no-results h3 {
  color: var(--text-light);
}

/* ── Scrollbar ── */
html.dark-mode {
  scrollbar-color: #3D1268 #080312;
}

html.dark-mode ::-webkit-scrollbar {
  width: 8px;
}

html.dark-mode ::-webkit-scrollbar-track {
  background: #080312;
}

html.dark-mode ::-webkit-scrollbar-thumb {
  background: #3D1268;
  border-radius: 4px;
}

html.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: var(--purple-mid);
}

/* ── Featured Products — Cosmic Dark Background ── */
.featured__cosmic {
  display: none; /* hidden in light mode */
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

html.dark-mode .featured {
  background: transparent !important;
  position: relative;
  overflow: hidden;
}

html.dark-mode .featured__cosmic {
  display: block;
  background:
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse at 20% 50%, rgba(80, 20, 160, 0.55) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 20%, rgba(120, 50, 200, 0.40) 0%, transparent 50%),
    radial-gradient(ellipse at 60% 80%, rgba(40, 10, 100, 0.50) 0%, transparent 50%),
    linear-gradient(160deg, #060110 0%, #1C0A3A 35%, #120830 65%, #080312 100%);
}

/* ── Review Teaser (index.html "What People Are Saying") ── */
html.dark-mode .review-teaser {
  background: linear-gradient(135deg, #050210 0%, #1a0a2e 40%, #2a0850 70%, #150C2A 100%) !important;
}

/* ── Core Values Section — keep dark in dark mode ── */
/* Without override: --deep-purple becomes #C09AFF (light lavender) and bleaches the gradient */
html.dark-mode .values {
  background: linear-gradient(135deg, #050210 0%, #150C2A 35%, #1C0A3A 65%, #0D0618 100%) !important;
}

/* ── Connection & Essence Section ── */
html.dark-mode .essence-section {
  background: linear-gradient(135deg, #0D0618 0%, #1a0a2e 30%, #150C2A 65%, #080312 100%) !important;
}

/* ── Contact Page Background ── */
html.dark-mode body.contact-page {
  background:
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.035'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(160deg, #080312 0%, #150C2A 40%, #0F0820 70%, #080312 100%);
  background-attachment: fixed;
}

html.dark-mode body.contact-page .contact-section {
  background: transparent;
}

html.dark-mode body.contact-page .map-section {
  background: transparent;
}

html.dark-mode body.contact-page .quick-links {
  background: rgba(13, 6, 24, 0.80);
}