/* Self-hosted fonts stylesheet for Noto Sans weights: 300,400,500,700,900
   Place corresponding .woff2 files in assets/fonts/ named like:
     noto-sans-300.woff2
     noto-sans-400.woff2
     noto-sans-500.woff2
     noto-sans-700.woff2
     noto-sans-900.woff2
   If you have different filenames, update the src URLs accordingly.
*/

@font-face {
  font-family: 'Noto Sans Local';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/noto-sans-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans Local';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/noto-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans Local';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/noto-sans-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans Local';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/noto-sans-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans Local';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/fonts/noto-sans-900.woff2') format('woff2');
}

/* Apply globally */
:root {
  --ui-font-family: 'Noto Sans Local', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
body, input, button, select, textarea { font-family: var(--ui-font-family); }
