html { color-scheme: dark; background: var(--peps-color-bg); }
body.peps-theme {
  margin: 0;
  background:
    radial-gradient(circle at 18% 8%, rgba(77,184,255,.10), transparent 34rem),
    linear-gradient(180deg, #071421 0%, var(--peps-color-bg) 100%);
  color: var(--peps-color-text);
  font-family: var(--peps-font-sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--peps-color-accent); text-underline-offset: .2em; }
a:hover { color: var(--peps-color-primary); }
:focus-visible { outline: 3px solid var(--peps-color-accent); outline-offset: 3px; }
.peps-container { width: min(calc(100% - 2rem), var(--peps-container)); margin-inline: auto; }
.peps-panel {
  border: 1px solid var(--peps-color-border);
  border-radius: var(--peps-radius-lg);
  background: var(--peps-color-surface);
  box-shadow: var(--peps-shadow-soft);
  backdrop-filter: blur(16px);
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button.peps-button,
a.peps-button {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--peps-color-accent), var(--peps-color-primary));
  color: #03111e;
  font-weight: 700;
  padding: .85rem 1.25rem;
  transition: transform var(--peps-transition-fast), filter var(--peps-transition-fast);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button.peps-button:hover,
a.peps-button:hover { transform: translateY(-1px); filter: brightness(1.06); color: #03111e; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}