@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");

:root {
  --font-body: "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;
  --font-editorial: "DM Serif Display", Georgia, serif;
  font-family: var(--font-body);
}

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

h1,
h2,
h3,
h4,
nav,
.brand > span:last-child,
.content-brand-copy,
.brand-wordmark-logo {
  font-family: var(--font-heading);
}

.eyebrow,
.content-eyebrow,
.cloud-kicker,
.auth-gate-kicker,
.summary-card p,
.summary-card strong,
.content-summary-card p,
.content-summary-card strong,
.cashflow-stat,
.editorial-label {
  font-family: var(--font-mono);
}

#month-label,
#content-month-label,
.editorial-title {
  font-family: var(--font-editorial);
}