/* DES-04 shared storefront design system; scoped to the storefront shell. */
body.sf {
  --brand-hero-bg: var(--sf-mint);
  --brand-hero-art: var(--sf-placeholder);
  --brand-eyebrow: var(--sf-ink-2);
  --brand-link: var(--sf-magenta);
  --brand-selected-bg: var(--sf-mint);
  --brand-logo-h: 48px;
  --brand-logo-h-m: 40px;
}