html[data-pe-color-scheme] {
  transition: background-color 180ms ease, color 180ms ease;
}

html[data-pe-color-scheme="dark"] {
  color-scheme: dark;
  --wp--preset--color--base: var(--pe-dark-base, #15110f);
  --wp--preset--color--base-2: var(--pe-dark-base-2, #221a16);
  --wp--preset--color--contrast: var(--pe-dark-contrast, #f2d4c6);
  --wp--preset--color--contrast-2: var(--pe-dark-contrast-2, #eca184);
  --wp--preset--color--secondary: var(--pe-dark-contrast-2, #eca184);
  --wp--preset--gradient--gradient-1: linear-gradient(to bottom, color-mix(in srgb, var(--pe-dark-accent, #df6942) 30%, transparent) 0%, var(--pe-dark-base, #15110f) 100%);
  --wp--preset--gradient--gradient-7: linear-gradient(to bottom, color-mix(in srgb, var(--pe-dark-accent, #df6942) 30%, transparent) 50%, var(--pe-dark-base, #15110f) 50%);
  --wp--preset--gradient--gradient-2: linear-gradient(to bottom, var(--pe-dark-accent-strong, #cf5630) 0%, var(--pe-dark-base, #15110f) 100%);
  --wp--preset--gradient--gradient-8: linear-gradient(to bottom, var(--pe-dark-accent-strong, #cf5630) 50%, var(--pe-dark-base, #15110f) 50%);
}

html[data-pe-color-scheme="dark"] body,
html[data-pe-color-scheme="dark"] .wp-site-blocks {
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] :where(a:where(:not(.wp-element-button))) {
  color: var(--wp--preset--color--contrast);
  text-decoration-color: color-mix(in srgb, var(--wp--preset--color--contrast) 48%, transparent);
}

html[data-pe-color-scheme="dark"] :where(hr, .wp-block-separator) {
  border-color: var(--pe-dark-border, rgba(255, 242, 232, 0.16));
}

html[data-pe-color-scheme="dark"] :where(input, textarea, select) {
  background: var(--pe-dark-surface, #2a211c);
  border-color: var(--pe-dark-border-strong, rgba(255, 242, 232, 0.28));
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] :where(input, textarea, select)::placeholder {
  color: color-mix(in srgb, var(--wp--preset--color--contrast) 54%, transparent);
}

html[data-pe-color-scheme="dark"] :where(.wp-block-navigation__responsive-container.is-menu-open) {
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] :where(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color, .has-background)) {
  border-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] :where(.wp-element-button, .wp-block-button__link, button:not(.pe-dark-mode-toggle)) {
  box-shadow: none;
}

html[data-pe-color-scheme="dark"] :where(.wp-element-button:hover, .wp-block-button__link:hover) {
  filter: brightness(1.05);
}

html[data-pe-color-scheme="dark"] :where(.wp-block-image:not(.wp-block-site-logo), .wep-card-img, .peslides-slide) {
  position: relative;
}

html[data-pe-color-scheme="dark"] :where(.wp-block-image:not(.wp-block-site-logo), .wep-card-img, .peslides-slide)::after {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

html[data-pe-color-scheme="dark"] .wp-block-image:not(.wp-block-site-logo) :where(a, img),
html[data-pe-color-scheme="dark"] .wep-card-img > img,
html[data-pe-color-scheme="dark"] .peslides-image {
  display: block;
}

html[data-pe-color-scheme="dark"] .wp-lightbox-overlay .scrim {
  background-color: #080605;
}

html[data-pe-color-scheme="dark"] .wp-block-jetpack-subscriptions :where(input[type="email"], .components-text-control__input) {
  background: var(--pe-dark-base, #15110f) !important;
  border-color: var(--pe-dark-border-strong, rgba(255, 242, 232, 0.28)) !important;
  color: var(--wp--preset--color--contrast) !important;
}

html[data-pe-color-scheme="dark"] .wp-block-jetpack-subscriptions :where(button, .wp-block-jetpack-subscriptions__button) {
  background: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
}

html[data-pe-color-scheme="dark"] .wep-root {
  --wep-black: var(--pe-dark-base, #15110f);
  --wep-white: var(--pe-dark-contrast, #f2d4c6);
  --wep-primary: var(--pe-dark-accent, #df6942);
  --wep-primary-hover: var(--pe-dark-accent-strong, #cf5630);
  --wep-secondary: var(--pe-dark-surface, #2a211c);
  --wep-dark: var(--pe-dark-contrast, #f2d4c6);
  --wep-body-color: color-mix(in srgb, var(--wp--preset--color--contrast) 84%, transparent);
  --wep-body-bg: var(--wp--preset--color--base);
  --wep-border-color: var(--pe-dark-border, rgba(255, 242, 232, 0.16));
  --wep-heading-color: var(--wp--preset--color--contrast);
  --wep-box-shadow: var(--pe-dark-shadow, 0 18px 44px rgba(0, 0, 0, 0.34));
  --wep-box-shadow-lg: var(--pe-dark-shadow, 0 18px 44px rgba(0, 0, 0, 0.34));
}

html[data-pe-color-scheme="dark"] .wep-card {
  --wep-card-title-color: var(--wp--preset--color--contrast);
  --wep-card-border-color: var(--pe-dark-border, rgba(255, 242, 232, 0.16));
  --wep-card-cap-color: var(--wp--preset--color--contrast);
  --wep-card-bg: var(--pe-dark-surface, #2a211c);
  border: 1px solid var(--wep-card-border-color);
  box-shadow: var(--wep-box-shadow);
}

html[data-pe-color-scheme="dark"] .wep-card .meta-data {
  color: color-mix(in srgb, var(--wp--preset--color--contrast) 58%, transparent);
}

html[data-pe-color-scheme="dark"] .wep-card-text {
  color: color-mix(in srgb, var(--wp--preset--color--contrast) 78%, transparent);
}

html[data-pe-color-scheme="dark"] .wep-chip {
  --wep-chip-color: var(--wp--preset--color--base);
  --wep-chip-bg: color-mix(in srgb, var(--wp--preset--color--contrast) 86%, transparent);
}

html[data-pe-color-scheme="dark"] .wep-pagination {
  --wep-pagination-bg: var(--pe-dark-accent, #df6942);
  --wep-pagination-color: #fff8f4;
  --wep-pagination-border-color: var(--pe-dark-border, rgba(255, 242, 232, 0.16));
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] .wep-pagination > .page-numbers,
html[data-pe-color-scheme="dark"] .wep-pagination > button {
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] .peslides-widget {
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] .peslides-header h2,
html[data-pe-color-scheme="dark"] .peslides-status {
  color: var(--wp--preset--color--contrast);
}

html[data-pe-color-scheme="dark"] .peslides-header p {
  color: color-mix(in srgb, var(--wp--preset--color--contrast) 76%, transparent);
}

html[data-pe-color-scheme="dark"] .peslides-stage,
html[data-pe-color-scheme="dark"] .peslides-slide,
html[data-pe-color-scheme="dark"] .peslides-thumbs button {
  background: var(--pe-dark-base-2, #221a16);
}

html[data-pe-color-scheme="dark"] .peslides-nav {
  background: color-mix(in srgb, var(--pe-dark-base, #15110f) 92%, transparent);
  border-color: var(--pe-dark-border-strong, rgba(255, 242, 232, 0.28));
  color: var(--wp--preset--color--contrast);
  z-index: 5;
}

html[data-pe-color-scheme="dark"] .peslides-cta:hover,
html[data-pe-color-scheme="dark"] .peslides-cta:focus-visible {
  outline-color: color-mix(in srgb, var(--pe-dark-accent, #df6942) 58%, transparent);
}

html[data-pe-color-scheme="dark"] .peslides-dots button {
  background: var(--pe-dark-surface-soft, #342923);
  border-color: var(--pe-dark-border-strong, rgba(255, 242, 232, 0.28));
}

html[data-pe-color-scheme="dark"] .peslides-dots button.is-active,
html[data-pe-color-scheme="dark"] .peslides-nav:hover,
html[data-pe-color-scheme="dark"] .peslides-nav:focus-visible,
html[data-pe-color-scheme="dark"] .peslides-dots button:hover,
html[data-pe-color-scheme="dark"] .peslides-dots button:focus-visible,
html[data-pe-color-scheme="dark"] .peslides-thumbs button:hover,
html[data-pe-color-scheme="dark"] .peslides-thumbs button:focus-visible,
html[data-pe-color-scheme="dark"] .peslides-thumbs button.is-active {
  border-color: var(--pe-dark-accent, #df6942);
}

html[data-pe-color-scheme="dark"] .peslides-dots button.is-active {
  background: var(--pe-dark-accent, #df6942);
}

html[data-pe-color-scheme="dark"] .peslides-thumbs button.is-active {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--pe-dark-accent, #df6942) 28%, transparent);
}

.pe-dark-mode-toggle {
  align-items: center;
  background: var(--wp--preset--color--contrast);
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 999px;
  color: var(--wp--preset--color--base);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: var(--wp--preset--font-size--small, 0.9rem);
  font-weight: 600;
  gap: 0.45rem;
  line-height: 1;
  padding: 0.62rem 0.9rem;
}

.pe-dark-mode-toggle::before {
  content: "";
  background: currentColor;
  border-radius: 999px;
  display: inline-block;
  height: 0.72rem;
  -webkit-mask: radial-gradient(circle at 70% 36%, transparent 0 35%, #000 37%);
  mask: radial-gradient(circle at 70% 36%, transparent 0 35%, #000 37%);
  width: 0.72rem;
}

html[data-pe-color-scheme="light"] .pe-dark-mode-toggle::before {
  -webkit-mask: radial-gradient(circle, #000 0 54%, transparent 56%);
  mask: radial-gradient(circle, #000 0 54%, transparent 56%);
}

@media (prefers-reduced-motion: reduce) {
  html[data-pe-color-scheme],
  html[data-pe-color-scheme] * {
    transition: none !important;
  }
}