/* GENERATED FILE. Do not hand-edit.
   Source of truth: Production/branding/brand.tokens.json
   Regenerate: python Production/branding/generate_tokens.py
   Drift check: python Production/branding/generate_tokens.py --check */

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/brand/fonts/newsreader-latin-var.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/brand/fonts/hankengrotesk-latin-var.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;
}

/* Signature flourish faces: the app-entry write-out animation ONLY.
   Never a static wordmark, never on the website or legal pages
   (see brand.tokens.json flourish.note). */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/fonts/allura-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/fonts/greatvibes-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Parisienne';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/fonts/parisienne-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/fonts/sacramento-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Italianno';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/fonts/italianno-latin.woff2') format('woff2');
}

/* The official static Vaela wordmark treatment. Apply to any element
   whose text content is the Vaela logotype. */
.brand-wordmark {
  font-family: var(--font-wordmark);
  font-weight: var(--wordmark-weight);
  letter-spacing: var(--wordmark-tracking);
  line-height: 1;
}