html {
  font-family: var(--font-body);
  font-synthesis: none;
}

body,
button,
input,
textarea,
select {
  font-family: var(--font-body);
}

h1,
h2,
h3,
.dsp,
.type-display-xl,
.type-page-title,
.type-card-title {
  font-family: var(--font-display);
  font-stretch: condensed;
}

.type-display-xl {
  margin: 0;
  font-size: var(--text-display-xl);
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

.type-page-title,
.sec-h h2 {
  margin: 0;
  font-size: var(--text-h1);
  font-weight: 800;
  line-height: 0.96;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.type-card-title,
.card h3,
.day-hero h2,
.day-cover h1 {
  margin: 0;
  font-size: var(--text-h2);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.018em;
  text-transform: uppercase;
}

.type-body {
  font-size: var(--text-body);
  font-weight: 450;
  line-height: 1.45;
}

.type-label,
.eyebrow,
.cat,
label {
  font-size: var(--text-label);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.numeric,
.num,
.amt,
.lamnum,
.metric-value,
.day-metric strong {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.copy-muted {
  color: var(--color-text-secondary);
  font-size: var(--text-small);
  line-height: 1.45;
}