/* Opt-in typography for NEW owned personal/SPELLLENS sites. Never a client-site reset. */
@font-face {
  font-family: "SPELLLENS";
  src: url("./fonts/spelllens-9.0.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("./fonts/onest-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.owned-type {
  --font-display: "SPELLLENS", "Onest", sans-serif;
  --font-body: "Onest", system-ui, sans-serif;
  --font-technical: ui-monospace, "SF Mono", Menlo, monospace;
  font-family: var(--font-body);
  font-weight: 400;
}
.owned-type :where(h1, h2, h3, h4, h5, h6),
.owned-type .type-display,
.owned-type .type-key {
  font-family: var(--font-display);
  font-weight: 700;
  font-style: normal;
  font-synthesis: none;
}
.owned-type :where(button, input, textarea, select),
.owned-type .type-body,
.owned-type .type-ui {
  font-family: var(--font-body);
}
.owned-type .type-technical {
  font-family: var(--font-technical);
}