/* SITE FONT
   Every page links this file before its own <style>, and every font-family
   rule on the site uses var(--site-font). To change the font for the whole
   site, change --site-font below (and the @font-face for the new file).
   To try a different font on one page, set --site-font in that page's own
   <style>, e.g. :root { --site-font: 'Outfit', system-ui, sans-serif; },
   with an @font-face for it there. */

/* Variable font: any weight from 100 to 900, and a built-in slant up to
   10deg that italic text (<i>, font-style: italic) uses instead of a
   browser-faked slant. */
@font-face {
  font-family: 'Inter Tight';
  src: url('fonts/inter_tight_variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: oblique 0deg 10deg;
  font-display: swap;
}

:root {
  --site-font: 'Inter Tight', system-ui, -apple-system, Arial, sans-serif;
}

/* Form controls don't inherit the page font by default */
body,
button,
input,
select,
textarea {
  font-family: var(--site-font);
}