@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;800&family=Ubuntu:wght@400;500;700&display=swap");

:root {
  --font-body: "Source Sans Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Ubuntu", "Source Sans Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
button,
.btn,
.site-brand,
.site-nav a,
.site-cta,
.site-footer-links a,
.section-title,
.sidebar-title,
.app-brand-title,
.title,
.pill,
.badge,
.logo,
.eyebrow,
.faq-q,
.price,
.price-card h3,
.nav button,
.toggle-chip,
.walkthrough-title,
.segmented-option-title,
.metric-value,
.card .big,
.step h3,
.hero h1,
.topbar .btn,
.table-row.header,
.server-row-copy > div:first-child,
.server-title > div:last-child > div:first-child {
  font-family: var(--font-heading);
}