.commerce-standard-theme {
  --commerce-font-ui: Inter, ui-sans-serif, system-ui, sans-serif;
  --commerce-font-display: 'Playfair Display', Georgia, serif;
  --commerce-page: #fffdfa;
  --commerce-surface: rgba(255, 253, 250, 0.96);
  --commerce-ink: #292126;
  --commerce-muted: #6d5d65;
  --commerce-border: rgba(42, 13, 32, 0.15);
  --commerce-accent: #ad4058;
  --commerce-accent-ink: #470e21;
  --commerce-accent-soft: #f6d9df;
  --commerce-accent-gradient: linear-gradient(135deg, #bc4f63, #ad4058);
  --commerce-radius-card: 5px;
  --commerce-radius-control: 2px;
  --commerce-radius-pill: 999px;
  --commerce-shadow-card: 0 18px 50px rgba(15, 23, 42, 0.1);
  --commerce-shadow-hover: 0 22px 60px rgba(15, 23, 42, 0.16);
  --commerce-space-section: clamp(4rem, 8vw, 7rem);
  --commerce-content-max: 1360px;
  --commerce-hero-min-height: 610px;
  --commerce-focus-ring: 0 0 0 3px rgba(173, 64, 88, .28);
  font-family: var(--commerce-font-ui);
  color: var(--commerce-ink);
  background: var(--commerce-page);
}

.commerce-standard-theme .commerce-primary-action {
  color: #fff;
  background: var(--commerce-accent-gradient);
  border: 0;
  border-radius: var(--commerce-radius-pill);
}

.commerce-standard-theme .commerce-runtime-widget {
  border-radius: var(--commerce-radius-pill);
  box-shadow: var(--commerce-shadow-hover);
}

.commerce-standard-theme :where(a, button, input, select, textarea):focus-visible {
  outline: 0;
  box-shadow: var(--commerce-focus-ring);
}