/* ======================================================================
   typography.css — central site-wide font usage
   - Headings, nav labels, buttons: Oswald
   - Body text, paragraphs, lists: Literata
   ====================================================================== */

/* Global defaults */
html, body {
  font-family: var(--ff-body, "Literata", ui-serif, Georgia, "Times New Roman", serif);
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings & prominent labels → Oswald */
h1, h2, h3, h4, h5, h6,
.page-title,
.nav-list a,
button, .button, [type="button"], [type="submit"] {
  font-family: var(--ff-heading, "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  font-weight: 600; /* SemiBold is preloaded */
  letter-spacing: 0.2px;
}

/* Body text stays Literata */
p, li, dt, dd, figcaption, small, label, input, textarea, select, table {
  font-family: var(--ff-body, "Literata", ui-serif, Georgia, "Times New Roman", serif);
  font-weight: 400;
}

/* Optional: fine-tune headings without changing your layout */
h1 { font-weight: 600; }
h2 { font-weight: 600; }
h3 { font-weight: 600; }

/* Keep monospaced code readable against body font */
code, pre, kbd, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

/* Accessibility / contrast helpers stay neutral to family choice */
strong, b {
  font-weight: 600;
}
em, i {
  font-style: italic; /* will use Literata-Italic where applicable */
}