/* 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;
}

/* Buttons to the brand frame: default 48px tall with the 1.5px border, .btn--s 36px (nav), 14px text.
   ACSS sets padding through its --btn-* variables on [class*="btn--"], so these need (0,2,0) to win. */
[class*="btn--"]:not(.btn--none) {
  --btn-padding-block: 0.90625em;
}
[class*="btn--"].btn--s {
  --btn-font-size: 0.875rem;
  --btn-padding-block: 0.59375rem;
  --btn-padding-inline: 1rem;
}

@media (width <= 480px) { /* defined in Custom Media Definitions */
  html:root { --gutter: 1rem; } /* 16px page margin on phones, the mobile artboard */
}