:root[data-theme="dark"] {
  /* Base colors */
  --wp--preset--color--base: #1A1418;
  --wp--preset--color--contrast: #F5E8ED;
  --wp--preset--color--accent-1: #3D2833;
  --wp--preset--color--accent-2: #8B4670;
  --wp--preset--color--accent-3: #D4658C;
  --wp--preset--color--accent-4: #B09099;
  --wp--preset--color--accent-5: #2A1F26;
  --wp--preset--color--accent-6: #4A3842;
  --wp--preset--color--gold: #D4A574;
  --wp--preset--color--champagne: #8B7565;
  --wp--preset--color--mist: #241C22;

  /* Layered surface depths */
  --bp-surface-1: #1E1820;
  --bp-surface-2: #241C22;
  --bp-surface-3: #2A2328;
  --bp-glow: rgba(212, 101, 140, 0.08);
  --bp-glow-strong: rgba(212, 101, 140, 0.15);
}

/* Smooth transitions for theme switching */
html,
body,
.wp-site-blocks {
  transition: background-color 0.3s ease, color 0.3s ease;
}

*, *::before, *::after {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

/* Preserve intentional transitions */
.animate-in,
.animate-fade,
.animate-float,
.review-card,
.is-style-review-card,
.wp-block-button__link,
.elegant-link,
.wp-block-image img {
  transition-property: all;
}

/* Theme toggle button */
.theme-toggle .wp-block-button__link {
  border-radius: 999px;
  transition: all 0.3s ease;
}

[data-theme-toggle] {
  cursor: pointer;
}

/* Dark mode surface variations */
:root[data-theme="dark"] .review-card,
:root[data-theme="dark"] .is-style-review-card {
  background: var(--bp-surface-2);
  border-color: var(--bp-surface-3);
}

:root[data-theme="dark"] .review-card:hover,
:root[data-theme="dark"] .is-style-review-card:hover {
  box-shadow: 0 16px 40px var(--bp-glow-strong);
  background: var(--bp-surface-1);
}

/* Dark mode quote styling */
:root[data-theme="dark"] .wp-block-quote.is-style-elegant {
  background: linear-gradient(135deg, var(--bp-surface-2), var(--bp-surface-3));
}

:root[data-theme="dark"] .wp-block-quote.is-style-elegant::before {
  color: var(--wp--preset--color--accent-3);
  opacity: 0.4;
}

/* Dark mode section styles */
:root[data-theme="dark"] .is-style-section-blush,
:root[data-theme="dark"] .is-style-section-1 {
  background-color: var(--bp-surface-2);
}

:root[data-theme="dark"] .is-style-section-mist,
:root[data-theme="dark"] .is-style-section-2 {
  background-color: var(--bp-surface-1);
}

:root[data-theme="dark"] .is-style-section-rose,
:root[data-theme="dark"] .is-style-section-3 {
  background: linear-gradient(180deg, var(--bp-surface-1), var(--bp-surface-3));
}

/* Dark mode image hover effects */
:root[data-theme="dark"] .wp-block-image:hover img {
  box-shadow: 0 8px 24px var(--bp-glow);
}

/* Dark mode navigation */
:root[data-theme="dark"] .wp-block-navigation-item a::after {
  background: var(--wp--preset--color--accent-3);
}

/* Dark mode elegant frame */
:root[data-theme="dark"] .elegant-frame::before,
:root[data-theme="dark"] .elegant-frame::after {
  border-color: var(--wp--preset--color--accent-2);
  opacity: 0.6;
}

/* Dark mode shadows */
:root[data-theme="dark"] .shadow-soft {
  box-shadow: 0 4px 16px var(--bp-glow);
}

:root[data-theme="dark"] .shadow-medium {
  box-shadow: 0 8px 24px var(--bp-glow);
}

:root[data-theme="dark"] .shadow-large {
  box-shadow: 0 16px 40px var(--bp-glow-strong);
}

/* Dark mode cover blocks */
:root[data-theme="dark"] .wp-block-cover__background {
  opacity: 0.5 !important;
}

/* Dark mode footer */
:root[data-theme="dark"] .footer,
:root[data-theme="dark"] footer {
  background-color: var(--bp-surface-1) !important;
  color: var(--wp--preset--color--contrast);
}

:root[data-theme="dark"] .footer .wp-block-separator {
  background-color: var(--wp--preset--color--accent-6);
  opacity: 0.3;
}

/* Dark mode social icons in footer */
:root[data-theme="dark"] .footer .wp-block-social-links {
  --wp--preset--color--contrast: #F5E8ED;
}

:root[data-theme="dark"] .footer .has-accent-4-color {
  color: var(--wp--preset--color--accent-4) !important;
}
