/* Sprovi global styles. Tokens come from the ACSS settings (website/sprovi-acss-settings-*.json);
   values ACSS cannot hold live on :root in the Style Manager (etch-global-variable-style). */

/* Self-hosted fonts (SIL OFL 1.1). Variable, Latin only, upright only. */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  font-variation-settings: 'SOFT' 100, 'WONK' 1;
  src: url(../assets/fraunces-variable.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/inter-variable.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Brand frame: Fraunces headings always carry SOFT 100 and WONK 1. */
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-variation-settings: 'SOFT' 100, 'WONK' 1;
}

/* Brand frame: .btn--s is 36px tall, 16px sides, 14px text (ACSS sizes only scale the font). */
:where(.btn--s) {
  font-size: 0.875rem;
  padding-block: 0.6875rem;
  padding-inline: 1rem;
}