/* Native Apple system typography, with platform system-font fallbacks. */
:root {
  --font-body: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-display: var(--font-body);
}

body,
button,
input,
textarea,
select,
pre,
code,
kbd,
samp,
svg text {
  font-family: var(--font-body);
}

em {
  font-family: var(--font-display);
}

body {
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
}

/* Keep the same heading treatment across the studio and bespoke lab pages. */
:root body h1,
:root body h2,
:root body h3,
:root body h4 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -.025em;
}

:root body h1 em,
:root body h2 em,
:root body h3 em,
:root body h4 em {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  letter-spacing: inherit;
}

table,
output,
.metric,
.operating-stats {
  font-variant-numeric: tabular-nums;
}