/* Brand theme pack: violet */
:root,
html[data-storefront-theme="light"],
html[data-storefront-theme="dark"] {
  --brand-accent: #7c3aed;
  --brand-accent-hover: #6d28d9;
  --brand-accent-soft: #a78bfa;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)),
html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)),
body.storefront-page {
  --sf-accent: var(--brand-accent);
  --sf-accent-hover: var(--brand-accent-hover);
  --sf-accent-soft: var(--brand-accent-soft);
}