html {
  scroll-behavior: smooth;
}

body.storefront-theme {
  --storefront-shell-canvas: #f7f9f6;
  --storefront-shell-surface: #eef3ee;
  --storefront-shell-text-soft: #5d6a62;
  --storefront-shell-primary: #2f674f;
  --storefront-shell-primary-hover: #24513f;
  --storefront-shell-border: #dbe3dc;
  --storefront-shell-border-strong: #c9d5cc;
}

html[data-theme='dark'] body.storefront-theme {
  --storefront-shell-canvas: #0f1713;
  --storefront-shell-surface: #18241d;
  --storefront-shell-text-soft: #aebdb3;
  --storefront-shell-primary: #9bc8aa;
  --storefront-shell-primary-hover: #acd5b8;
  --storefront-shell-border: #293a30;
  --storefront-shell-border-strong: #395044;
}

#storefront-header,
#storefront-footer,
#storefront-mobile-whatsapp {
  contain: layout style;
}

body.storefront-theme .storefront-footer {
  margin-top: 0;
  border-top: 1px solid var(--storefront-shell-border);
  background: var(--storefront-shell-surface);
}

body.storefront-theme .storefront-footer-tagline,
body.storefront-theme .storefront-footer-copy {
  color: var(--storefront-shell-text-soft);
}

html[data-theme='dark'] body.storefront-theme .storefront-footer {
  border-top-color: var(--storefront-shell-border);
  background: #101d16;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}