/*
 * Reforma → Bricks: base typography & body styles
 * Generated from Reforma tokens. Uses the global variables imported into Bricks.
 * Loaded after Bricks frontend CSS so it cascades correctly.
 */

html {
  -webkit-text-size-adjust: 100%;
  /* Clip any horizontal overflow at the document edges. `overflow-x: clip`
     (vs hidden) doesn't create a scrolling context, so position: fixed /
     position: sticky elsewhere keep working. Falls back to hidden in older
     browsers via the prior declaration. */
  overflow-x: hidden;
  overflow-x: clip;
}

body {
  background-color: var(--color-bg-base);
  color: var(--color-tone-strong);
  font-family: var(--font-family-b1);
  font-size: var(--font-size-b1);
  font-weight: var(--font-weight-b1);
  line-height: var(--leading-b1);
  letter-spacing: var(--tracking-b1);
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  overflow-x: clip;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .5em;
  color: var(--color-tone-strong);
}

h1 { font-family: var(--font-family-h1); font-size: var(--font-size-h1); font-weight: var(--font-weight-h1); line-height: var(--leading-h1); letter-spacing: var(--tracking-h1); }
h2 { font-family: var(--font-family-h2); font-size: var(--font-size-h2); font-weight: var(--font-weight-h2); line-height: var(--leading-h2); letter-spacing: var(--tracking-h2); }
h3 { font-family: var(--font-family-h3); font-size: var(--font-size-h3); font-weight: var(--font-weight-h3); line-height: var(--leading-h3); letter-spacing: var(--tracking-h3); }
h4 { font-family: var(--font-family-h4); font-size: var(--font-size-h4); font-weight: var(--font-weight-h4); line-height: var(--leading-h4); letter-spacing: var(--tracking-h4); }
h5 { font-family: var(--font-family-h5); font-size: var(--font-size-h5); font-weight: var(--font-weight-h5); line-height: var(--leading-h5); letter-spacing: var(--tracking-h5); }
h6 { font-family: var(--font-family-h6); font-size: var(--font-size-h6); font-weight: var(--font-weight-h6); line-height: var(--leading-h6); letter-spacing: var(--tracking-h6); }

a { color: var(--color-accent); text-decoration: none; }
/* No global underline-on-hover. Anchors that should underline opt in via
   a class (e.g. inline link styles); buttons + nav stay clean. */

p { margin: 0 0 1em; }