:root {
  --font-body: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-heading: Georgia,"Times New Roman",serif;
  --font-display: "Eagle Lake",Georgia,serif;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
}

html,
body { font-family: var(--font-body); font-weight: var(--weight-regular); }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--font-heading); font-weight: var(--weight-bold); }

.library-cover h1,
.osm-wordmark { font-family: var(--font-display); font-weight: var(--weight-regular); }

a,
.main-nav a,
.user-menu summary,
.user-dropdown a,
.user-dropdown button,
.nav-link { font-family: var(--font-body); font-weight: var(--weight-medium); }

button,
.button { font-family: var(--font-body); font-weight: var(--weight-medium); }

form label { font-family: var(--font-body); font-weight: var(--weight-medium); }
input,
textarea,
select,
.text-settings textarea { font-family: var(--font-body); font-weight: var(--weight-regular); }
label small,
input::placeholder,
textarea::placeholder { font-weight: var(--weight-regular); }

.eyebrow,
th,
.admin-tabs a,
.status-pill { font-family: var(--font-body); font-weight: var(--weight-bold); }

.deck-tile-title,
.home-introduction h2,
.home-section-heading h2,
.deck-carousel-slide h3,
.statistics-heading h2,
.mana-donut strong,
.price-total,
.price-status-grid strong,
.price-metrics strong,
.user-editor-heading h2 { font-family: var(--font-heading); font-weight: var(--weight-bold); }

.card-quantity,
.card-preview-frame p { font-weight: var(--weight-medium); }

.featured-grid span,
.stat-summary dd { font-weight: var(--weight-bold); }

strong,
b { font-weight: var(--weight-bold); }