/* Brand theme pack: blue */
:root,
html[data-storefront-theme="light"],
html[data-storefront-theme="dark"] {
  --brand-accent: #2563eb;
  --brand-accent-hover: #1d4ed8;
}

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: #60a5fa;
}