/*
 * Commerce Starter — foundation.css
 *
 * Owns: box sizing, document/body foundations, typography inheritance,
 * media defaults, shared containers, base links, base forms, accessibility
 * foundations, focus states and reduced-motion foundations.
 *
 * This module must load first. Every other module assumes these
 * foundations are already in effect. This module ships no @font-face
 * declarations of its own -- a neutral parent has no bundled brand
 * typeface to register; a structural child skin (for example
 * commerce-starter-modern-indian) registers its own webfonts in its own
 * skin.css. See docs/PRESENTATION-LAYER-CSS-OWNERSHIP.md for the full
 * ownership model and docs/PARENT-NEUTRALIZATION-AND-MODERN-INDIAN-
 * EXTRACTION.md for the extraction that removed the previous Cormorant
 * Garamond/Manrope registrations from this file.
 */

html {
  scroll-behavior: smooth;
}

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

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

:where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--wp--preset--color--accent);
  outline-offset: 2px;
}