/* Brand theme pack: default — bridges into storefront --sf-* tokens */
:root,
html[data-storefront-theme="light"],
html[data-storefront-theme="dark"] {
  --brand-accent: #ff5a1f;
  --brand-accent-hover: #ea580c;
}

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)) {
  --sf-accent: var(--brand-accent);
  --sf-accent-hover: var(--brand-accent-hover);
  --sf-accent-soft: #ff7a45;
}

body.storefront-page {
  --sf-accent: var(--brand-accent, #ff5a1f);
  --sf-accent-hover: var(--brand-accent-hover, #ea580c);
}