/* VYRE v2 typefaces — Google-hosted substitutions (no vendor font binaries were supplied).
   Newsreader → serif display voice of v2 (headlines like "The VYRE System.") — editorial, high-contrast at display sizes
   Archivo  → neo-grotesk core: body, UI, product names (packaging is a Helvetica-class bold grotesk)
   Saira    → wide squared tech sans, used ONLY for the VYRE wordmark + micro eyebrow caps
   IBM Plex Mono → data numerals: lot codes, mg/mL, batch, COA references */
@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Archivo:wght@300;400;500;600;700&family=Saira:wght@200;300;400;500&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  --font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-core: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mark: "Saira", "Archivo", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --font-display: var(--font-serif);
  --font-body: var(--font-core);
  --font-ui: var(--font-core);
  --font-data: var(--font-mono);
}