/* The box-sizing reset and body ground every component-built page needs.
   Load FIRST, right after tokens.css — before it existed, every page that
   skipped style.css (there was only one, public/design-system/index.html)
   had to self-supply this same reset inline. A second page needing the
   identical fix (the auto landing page) is what moved it here instead of
   becoming a third copy.

   REQUIRED: field.css's .field__input and button.css's .btn--full are
   width:100% with their own padding and border, so under content-box they
   overflow their container by exactly that padding. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: var(--color-surface-page);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
}

a {
  color: var(--color-text-primary);
}