/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* ===========================================================================
   Typefaces, served from this origin.

   These used to come from fonts.googleapis.com, which meant every visitor's
   browser announced itself to Google before the page had painted — on a site
   whose privacy policy says the only thing counting visits is Tastatur, and
   which has no cookie banner precisely because there is nothing to consent to.
   A stylesheet request carries an IP and a User-Agent whatever the font
   licence says, so the fix is to not make the request.

   Both families are OFL (licences alongside the files in app/assets/fonts).
   Archivo and IBM Plex Sans are variable fonts instanced to the weight range
   this design actually uses and subset to Latin, which is why one file covers
   three weights and the whole set is under 100KB — less than the old CSS plus
   its font payload, and one origin fewer to connect to.

   `swap`, so text is readable while the file arrives rather than invisible.
   The paths are ../fonts/… because Propshaft rewrites url() relative to the
   BUILT stylesheet, which tailwindcss compiles to app/assets/builds.
   =========================================================================== */

@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin-beba9eb3.woff2") format("woff2-variations");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/assets/fonts/ibm-plex-sans-latin-163fc6b1.woff2") format("woff2-variations");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/assets/fonts/ibm-plex-mono-400-latin-aa70fe11.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/assets/fonts/ibm-plex-mono-500-latin-c298de8d.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}