/* Brand theme pack: teal */
:root,
html[data-storefront-theme="light"],
html[data-storefront-theme="dark"] {
  --brand-accent: #0d9488;
  --brand-accent-hover: #0f766e;
  --brand-accent-soft: #2dd4bf;
}

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);
}