/* ================================================================
   berliney · web fonts
   ----------------------------------------------------------------
   Three type roles, three families (per the berliney design system):

   - Eveleth (textured)  → display, headlines ~24px and up only;
     the distress texture collapses below that size. No italics.
   - Eveleth Clean       → accent/labels: buttons, eyebrows, tags.
     Survives small sizes. Still display — never running text.
   - Schibsted Grotesk   → body/UI. Variable 400–900. Self-hosted
     (no third-party font requests; required by the site's CSP).

   ⚠ LICENCE: Eveleth is a commercial typeface by Yellow Design
   Studio, bundled under the brand's licence — not redistributable.
   Keep this repository private. For production, consider converting
   the .otf cuts to .woff2 (~40–60% smaller).
   ================================================================ */

@font-face {
  font-family: 'Eveleth';
  src: url('../fonts/eveleth-thin.otf') format('opentype');
  font-weight: 250;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eveleth';
  src: url('../fonts/eveleth-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eveleth';
  src: url('../fonts/eveleth-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eveleth';
  src: url('../fonts/eveleth-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Vendor weight metadata on the Clean cuts is inverted — declared
   weights below follow the designer's naming instead. */
@font-face {
  font-family: 'Eveleth Clean';
  src: url('../fonts/eveleth-clean-thin.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eveleth Clean';
  src: url('../fonts/eveleth-clean-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('../fonts/schibsted-grotesk-latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}