/**
 * Self-hosted webfonts.
 *
 * Fonts are served from this domain, NOT from fonts.googleapis.com. Hotlinking
 * Google Fonts sends every visitor's IP address to a third country on each
 * request; EU courts have treated that as a GDPR violation, which is an
 * unacceptable risk for a Greek agency site. Self-hosting also removes a
 * third-party connection from the critical rendering path.
 *
 * font-display: swap keeps text visible during load, so a slow font never
 * blocks the LCP element.
 *
 * WHERE THE FILES LIVE — `/wp-content/uploads/fonts/`, not this theme.
 *
 * They were installed through WordPress's own Font Library (Appearance →
 * Editor → Styles → Typography), which downloads them server-side and puts
 * them there. That is deliberately outside the theme: this theme is deployed by
 * replacing its folder, so anything kept in `assets/fonts/` would be deleted on
 * every update. Uploads survive.
 *
 * If the files are ever missing the stack falls back to system-ui and the site
 * still works; it just loses the Proof Mode typography.
 */

/* ---------------------------------------------------------- Roboto (display) */
/*
 * Static instances, not the variable Roboto Flex the design system specified.
 *
 * WordPress's Google Fonts collection offers Roboto Flex as a single static
 * regular — verified by measuring the same string at weight 200 and weight 900
 * and getting an identical width, which a variable font would never give. A
 * static 400 would have meant every heading on the site rendered in synthetic
 * bold.
 *
 * Roboto is Roboto Flex's static counterpart at these weights, so the headings
 * look as intended. What is lost is the `wdth` and `opsz` tuning in
 * `02-base.css`: those declarations are inert against a static face, and the
 * design's 680 and 720 weights resolve to the nearest real instance, 700.
 *
 * To restore the full design: upload a genuine variable Roboto Flex build to
 * `/wp-content/uploads/fonts/roboto-flex-variable.woff2` and swap the two
 * blocks below for a single variable @font-face. Nothing else changes.
 */
@font-face {
  font-family: "Roboto";
  src: url("/wp-content/uploads/fonts/roboto-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/uploads/fonts/roboto-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/uploads/fonts/roboto-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/uploads/fonts/roboto-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------------------------------ Noto Sans (text) */
/*
 * Two upright weights, not four.
 *
 * Measured on the homepage: the page pulled 943 KB of fonts, against 30 KB for
 * the whole theme's CSS and JS. Four Noto Sans weights were loading at roughly
 * 205 KB each, because the design asks for 400, 500, 600 and 650/700 and every
 * one of those resolved to its own file.
 *
 * Text needs one reading weight and one emphasis weight. 400 and 600 are the two
 * the design actually leans on; 500 now resolves to 400 and 650/700 to 600,
 * which is the emphasis level the components were already using. That is 412 KB
 * off every page for a difference most readers cannot name.
 *
 * The files themselves are still far larger than they should be — see the note
 * on subsetting in the build status. This is the half of the problem that could
 * be fixed from the stylesheet.
 */
@font-face {
  font-family: "Noto Sans";
  src: url("/wp-content/uploads/fonts/noto-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("/wp-content/uploads/fonts/noto-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("/wp-content/uploads/fonts/noto-sans-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}