/* Yogaverse typography: one system font stack for every element. No webfonts
are downloaded; each platform renders its own native UI font (Segoe UI on
Windows, San Francisco on Apple devices, Roboto on Android). */
:root {
  --font-body: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: var(--font-body);
  --font-ui: var(--font-body);
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-synthesis-weight: none;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Headings share the body font, so hierarchy comes from size, weight and a
slightly tighter letter-spacing. */
h1,
h2,
h3,
h4,
h5,
h6,
.nav__name,
.fs-topnav__brand span,
.auth-brand span,
.foot__brand {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -0.01em;
  font-synthesis: none;
}

svg text {
  font-family: var(--font-body);
}