/* ==========================================================
   Najmat Damietta — Optional Iridescent Neon Theme
   An opt-in color layer: layouts, type scale, and component
   geometry remain untouched; Dark remains the root default.
   ========================================================== */

.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.25rem;
  padding: 0.38rem 0.68rem;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.035);
  color: var(--text-secondary);
  font: 700 0.76rem/1 var(--font-body);
  cursor: pointer;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, transform 160ms ease;
}

.theme-toggle:hover { border-color: var(--gold-accent); color: var(--text-primary); }
.theme-toggle:active { transform: scale(0.97); }
.theme-toggle__swatch { width: 0.72rem; height: 0.72rem; flex: 0 0 auto; border-radius: 50%; background: #d4af37; box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12); transition: background 200ms ease, box-shadow 200ms ease; }
.theme-toggle__label { white-space: nowrap; }

html.theme-transition body,
html.theme-transition .navbar,
html.theme-transition .site-contact-bar,
html.theme-transition .glass-card,
html.theme-transition .service-card,
html.theme-transition .home-specialty-card,
html.theme-transition .home-gallery-item,
html.theme-transition .gallery-item,
html.theme-transition .knowledge-card,
html.theme-transition input,
html.theme-transition textarea,
html.theme-transition select {
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

html[data-theme="iridescent"] {
  color-scheme: dark;
  --bg-primary: #0c0917;
  --bg-secondary: #160f27;
  --bg-tertiary: #211638;
  --card-bg: rgba(22, 15, 39, 0.88);
  --card-border: rgba(179, 107, 236, 0.18);
  --glass-bg: rgba(15, 10, 29, 0.9);
  --glass-border: rgba(159, 152, 244, 0.24);
  --text-primary: #f5effa;
  --text-secondary: #dcc4e4;
  --text-muted: #9f98f4;
  --royal-blue: #5b68d5;
  --royal-blue-hover: #746fe4;
  --royal-blue-glow: rgba(91, 104, 213, 0.24);
  --gold-accent: #b36bec;
  --gold-hover: #ff4fa3;
  --gold-glow: rgba(179, 107, 236, 0.22);
  --wood-accent: #cc7f98;
  --wood-glow: rgba(204, 127, 152, 0.18);
  --shadow-sm: 0 5px 14px rgba(4, 2, 13, 0.32);
  --shadow-md: 0 12px 30px rgba(4, 2, 13, 0.48);
  --shadow-lg: 0 24px 52px rgba(4, 2, 13, 0.62);
  --shadow-glow: 0 10px 30px rgba(131, 67, 211, 0.2);
  --shadow-blue-glow: 0 10px 28px rgba(91, 104, 213, 0.2);
}

html[data-theme="iridescent"] body {
  background: radial-gradient(circle at 88% 7%, rgba(131, 67, 211, 0.18), transparent 34%), radial-gradient(circle at 8% 88%, rgba(91, 104, 213, 0.12), transparent 32%), #0c0917;
}

html[data-theme="iridescent"] ::selection { background: #b36bec; color: #0c0917; }
html[data-theme="iridescent"] .gold-text { background-image: linear-gradient(135deg, #9f98f4 0%, #b36bec 46%, #ff4fa3 100%) !important; }
html[data-theme="iridescent"] .theme-toggle { border-color: rgba(179, 107, 236, 0.42); background: rgba(91, 104, 213, 0.12); color: #f5effa; box-shadow: 0 5px 20px rgba(91, 104, 213, 0.12); }
html[data-theme="iridescent"] .theme-toggle:hover { border-color: #ff4fa3; box-shadow: 0 7px 24px rgba(179, 107, 236, 0.2); }
html[data-theme="iridescent"] .theme-toggle__swatch { background: linear-gradient(135deg, #5b68d5, #8343d3 32%, #b36bec 58%, #ff4fa3 80%, #d9502c); box-shadow: 0 0 0 3px rgba(179, 107, 236, 0.14), 0 0 12px rgba(179, 107, 236, 0.45); }

html[data-theme="iridescent"] .navbar,
html[data-theme="iridescent"] .navbar.scrolled { background: rgba(12, 9, 23, 0.88) !important; border-color: rgba(179, 107, 236, 0.24) !important; }
html[data-theme="iridescent"] .navbar::after { background: linear-gradient(90deg, transparent, #9f98f4, #ff4fa3, transparent); }
html[data-theme="iridescent"] .site-contact-bar { background: rgba(8, 5, 17, 0.94) !important; border-color: rgba(179, 107, 236, 0.18) !important; }
html[data-theme="iridescent"] .nav-link:hover,
html[data-theme="iridescent"] .nav-link.active { color: #b36bec; }
html[data-theme="iridescent"] .nav-link.active::after { background: linear-gradient(90deg, #5b68d5, #ff4fa3); }

html[data-theme="iridescent"] .btn-gold,
html[data-theme="iridescent"] .btn-primary { color: #fff !important; border-color: rgba(255, 255, 255, 0.16) !important; background: linear-gradient(135deg, #5b68d5 0%, #8343d3 30%, #b36bec 55%, #ff4fa3 78%, #d9502c 100%) !important; box-shadow: 0 8px 24px rgba(131, 67, 211, 0.22) !important; }
html[data-theme="iridescent"] .btn-gold:hover,
html[data-theme="iridescent"] .btn-primary:hover { filter: brightness(1.08); box-shadow: 0 10px 30px rgba(179, 107, 236, 0.3) !important; }
html[data-theme="iridescent"] .btn:not(.btn-gold):not(.btn-primary) { border-color: rgba(159, 152, 244, 0.28); color: #dcc4e4; }

html[data-theme="iridescent"] .glass-card,
html[data-theme="iridescent"] .service-card,
html[data-theme="iridescent"] .home-specialty-card,
html[data-theme="iridescent"] .home-gallery-item,
html[data-theme="iridescent"] .gallery-item,
html[data-theme="iridescent"] .knowledge-card { border-color: rgba(179, 107, 236, 0.18) !important; background-color: #160f27; }
html[data-theme="iridescent"] .glass-card:hover,
html[data-theme="iridescent"] .service-card:hover,
html[data-theme="iridescent"] .home-specialty-card:hover,
html[data-theme="iridescent"] .home-gallery-item:hover,
html[data-theme="iridescent"] .gallery-item:hover,
html[data-theme="iridescent"] .knowledge-card:hover { border-color: rgba(179, 107, 236, 0.45) !important; box-shadow: 0 0 30px rgba(131, 67, 211, 0.12); }

html[data-theme="iridescent"] input,
html[data-theme="iridescent"] textarea,
html[data-theme="iridescent"] select { border-color: rgba(159, 152, 244, 0.22) !important; background-color: #160f27 !important; color: #f5effa !important; }
html[data-theme="iridescent"] input:focus,
html[data-theme="iridescent"] textarea:focus,
html[data-theme="iridescent"] select:focus { border-color: rgba(179, 107, 236, 0.64) !important; box-shadow: 0 0 0 4px rgba(179, 107, 236, 0.13) !important; }

html[data-theme="iridescent"] .home-hero { background: radial-gradient(circle at 78% 14%, rgba(131, 67, 211, 0.24), transparent 34%), radial-gradient(circle at 12% 92%, rgba(91, 104, 213, 0.13), transparent 36%), #0c0917 !important; }
html[data-theme="iridescent"] .home-hero::before { background: repeating-linear-gradient(90deg, transparent 0 94px, rgba(159, 152, 244, 0.04) 95px 96px), linear-gradient(120deg, transparent 0 57%, rgba(179, 107, 236, 0.13) 57.1%, transparent 57.3%); }
html[data-theme="iridescent"] .home-request-cues { background: linear-gradient(110deg, #160f27, #1d1334 45%, #110c20) !important; }
html[data-theme="iridescent"] .home-request-cues::before { background-image: radial-gradient(circle at 8% 50%, #b36bec 0 1px, transparent 1.5px); }
html[data-theme="iridescent"] .home-hero__halo { border-color: rgba(159, 152, 244, 0.3); box-shadow: 0 0 0 2rem rgba(131, 67, 211, 0.03), 0 0 0 7rem rgba(91, 104, 213, 0.02); }
html[data-theme="iridescent"] .home-hero__copy > div:first-child { border-color: rgba(179, 107, 236, 0.65) !important; background: rgba(131, 67, 211, 0.11) !important; }
html[data-theme="iridescent"] .home-hero__showcase .glass-card::after { background: linear-gradient(130deg, rgba(159, 152, 244, 0.14), transparent 23%, transparent 76%, rgba(255, 79, 163, 0.13)); }

/* Iridescent coverage for intentionally dark editorial sections. */
html[data-theme="iridescent"] .home-lookbook { border-color: rgba(179, 107, 236, 0.2); background: #0c0917; }
html[data-theme="iridescent"] .home-lookbook__sticky { background: radial-gradient(circle at 10% 72%, rgba(91, 104, 213, 0.14), transparent 30%), radial-gradient(circle at 87% 12%, rgba(179, 107, 236, 0.18), transparent 25%), #0c0917; }
html[data-theme="iridescent"] .home-lookbook__eyebrow { color: #b36bec; }
html[data-theme="iridescent"] .home-lookbook__eyebrow span { border-color: rgba(179, 107, 236, 0.62); color: #dcc4e4; }
html[data-theme="iridescent"] .home-lookbook__heading h2,
html[data-theme="iridescent"] .home-lookbook__card h3 { color: #f5effa; }
html[data-theme="iridescent"] .home-lookbook__counter { color: #dcc4e4; }
html[data-theme="iridescent"] .home-lookbook__counter b,
html[data-theme="iridescent"] .home-lookbook__card p { color: #b36bec; }
html[data-theme="iridescent"] .home-lookbook__visual { border-color: rgba(179, 107, 236, 0.42); background: #160f27; box-shadow: 0 28px 70px rgba(4, 2, 13, 0.52), 0 0 32px rgba(91, 104, 213, 0.08); }
html[data-theme="iridescent"] .home-lookbook__visual::before { border-color: rgba(220, 196, 228, 0.22); }
html[data-theme="iridescent"] .home-lookbook__frame::after { background: linear-gradient(0deg, rgba(12, 9, 23, 0.8), transparent 48%); }
html[data-theme="iridescent"] .home-lookbook__frame figcaption { color: #dcc4e4; }
html[data-theme="iridescent"] .home-lookbook__progress { background: rgba(179, 107, 236, 0.24); }
html[data-theme="iridescent"] .home-lookbook__progress i { background: linear-gradient(90deg, #5b68d5, #b36bec, #ff4fa3); }

html[data-theme="iridescent"] .home-enquiry-shell { border-color: rgba(179, 107, 236, 0.34) !important; background: radial-gradient(circle at 88% 10%, rgba(131, 67, 211, 0.2), transparent 30%), linear-gradient(145deg, rgba(29, 19, 52, 0.98), rgba(12, 9, 23, 0.98)) !important; box-shadow: 0 20px 46px rgba(4, 2, 13, 0.46), 0 0 28px rgba(131, 67, 211, 0.08) !important; }
html[data-theme="iridescent"] .home-enquiry-shell::before { border-color: rgba(159, 152, 244, 0.25); box-shadow: 0 0 0 3rem rgba(131, 67, 211, 0.045); }
html[data-theme="iridescent"] .home-enquiry-shell form { border-color: rgba(179, 107, 236, 0.24) !important; background: rgba(12, 9, 23, 0.68) !important; }

html[data-theme="iridescent"] .about-atelier-principles { background: radial-gradient(circle at 84% 16%, rgba(131, 67, 211, 0.18), transparent 28%), #160f27; }
html[data-theme="iridescent"] .about-atelier-principles h2,
html[data-theme="iridescent"] .about-principle h3,
html[data-theme="iridescent"] .about-atelier-closing h2 { color: #f5effa; }
html[data-theme="iridescent"] .about-principles-grid { border-color: rgba(179, 107, 236, 0.28); }
html[data-theme="iridescent"] .about-principle { border-color: rgba(179, 107, 236, 0.2); }
html[data-theme="iridescent"] .about-principle:hover { background: rgba(131, 67, 211, 0.1); }
html[data-theme="iridescent"] .about-principle__n { color: #b36bec; }
html[data-theme="iridescent"] .about-principle p { color: rgba(220, 196, 228, 0.82); }
html[data-theme="iridescent"] .about-principle i { border-color: rgba(159, 152, 244, 0.28); }
html[data-theme="iridescent"] .about-atelier-closing__frame { border-color: rgba(179, 107, 236, 0.42); background: linear-gradient(120deg, rgba(131, 67, 211, 0.22), transparent 48%), #160f27; }
html[data-theme="iridescent"] .about-atelier-closing__cta { border-color: rgba(255, 255, 255, 0.18); background: linear-gradient(135deg, #5b68d5, #8343d3 34%, #b36bec 61%, #ff4fa3); color: #fff; box-shadow: 0 9px 24px rgba(131, 67, 211, 0.23); }
html[data-theme="iridescent"] .about-atelier-closing__cta:hover { background: #160f27; border-color: #b36bec; color: #dcc4e4; }

@media (max-width: 768px) {
  .theme-toggle { min-width: 4.2rem; justify-content: center; padding: 0.38rem 0.55rem; }
  .theme-toggle__label { font-size: 0.69rem; }
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle, .theme-toggle__swatch, html.theme-transition * { transition: none !important; }
}