/* -----------------------------------------------------------------------------
 * Urbanist — self-hosted (Google Fonts replacement).
 *
 * Variable TTF fonts live in theme/fonts/Urbanist/.
 * TIP: convert these .ttf → .woff2 (https://transfonter.org, enable "Variable")
 * for ~50% smaller file size in production. After that just rename the URL
 * extension below to .woff2 and update format() to 'woff2-variations'.
 *
 * `font-display: swap` keeps text visible while the font is loading.
 * -------------------------------------------------------------------------- */

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist/Urbanist-VariableFont_wght.ttf') format('truetype-variations'),
       url('../fonts/Urbanist/Urbanist-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf') format('truetype-variations'),
       url('../fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* -----------------------------------------------------------------------------
 * Apply Urbanist globally.
 * `html` provides the inheritable default; the explicit list below covers
 * form controls (button/input/select/textarea) and other elements that some
 * browsers / Tailwind preflight reset to system fonts.
 * -------------------------------------------------------------------------- */

html {
  font-family: 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
p, a, span, em, strong, small, blockquote,
ul, ol, li, dl, dt, dd,
table, thead, tbody, tfoot, tr, th, td, caption,
label, fieldset, legend,
button, input, textarea, select, optgroup,
nav, header, footer, main, section, article, aside,
figure, figcaption, summary, details {
  font-family: inherit;
}