@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap");

:root {
  --font-reading: "Atkinson Hyperlegible", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-signature: "JetBrains Mono", ui-monospace, monospace;
  font-family: var(--font-signature);
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.price,
.product-card h2 {
  font-family: var(--font-signature);
}

/* Atkinson is limited to descriptions and other sustained reading. */
p,
.lede,
.features li,
.detail-list li,
.capability > p,
.tax-note,
.card-tax,
.hint,
.status,
.publish-steps span,
.video-caption span {
  font-family: var(--font-reading);
}

.lede {
  font-size: 18px;
}

.product-card p,
.capability > p,
.detail-list li,
.video-heading p,
.addon p,
.evaluation-intro > p,
.evaluation-gate p,
.evaluation-result p {
  font-size: 14px;
}

.tax-note,
.card-tax,
.hint,
.status,
.publish-purchase-note p,
.publish-steps span,
.video-caption span {
  font-size: 13px;
}

.features li {
  font-size: 16px;
}