/*
 * 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.
 */

/* Software for Good's own display and mono faces (FoundryUnie, AeonikFono) are
   licensed and cannot ship. Their stylesheet names these two as its fallbacks,
   so we self-host exactly those — no external request, no CSP change.
   Montserrat ships as a single variable file covering the whole weight range.

   These live here rather than in app/assets/tailwind/application.css because
   Propshaft rewrites url() in the CSS it serves, resolving against the asset
   load path; the Tailwind build would resolve relative paths from
   app/assets/builds/ instead. Propshaft flattens each asset root, so a file at
   app/assets/fonts/Montserrat.woff2 is referenced by bare filename. */
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-9322ad4f.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Anonymous Pro is a static family, so each weight is its own file. Both are
   needed: figures carrying font-mono AND font-semibold ask for weight 600, and
   CSS font matching resolves a desired 600 to the 700 face (for desired weights
   >= 500 the available weights >= the target are checked first, ascending). With
   400 alone the browser synthesizes bold by smearing the regular glyphs, which
   is most visible on the text-2xl figures. Do not declare a weight RANGE on
   either file — that is a variable-font declaration and would lie about a static
   face, re-enabling synthesis across the span. */
@font-face {
  font-family: "Anonymous Pro";
  src: url("/assets/AnonymousPro-Regular-509d367b.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Anonymous Pro";
  src: url("/assets/AnonymousPro-Bold-7446a4a9.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}