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

/* ═══ Spectral — self-hosted (latin subset) ═══
 * These used to come from fonts.googleapis.com via a render-blocking <link>.
 * That cost two extra cross-origin connections before any text could paint:
 * one to googleapis.com to fetch the CSS, and only then a second to
 * gstatic.com for the woff2 the CSS names. Preloading the stylesheet fixes
 * the discovery delay but neither connection. Served from our own origin the
 * browser is already connected, and the files ship with the year-long
 * immutable cache header Propshaft's digest earns them.
 *
 * Latin only - the site is English. Declared here rather than in the Tailwind
 * source because Propshaft rewrites url() in the files it serves, resolving
 * these to their digested paths.
 */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/spectral-400-82f8bc22.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/spectral-500-1877a613.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/spectral-600-555b4b83.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/spectral-400-italic-6841867a.woff2") format("woff2");
}