/* fonts.css — Madeleine Jones portfolio custom typeface kit
   ────────────────────────────────────────────────────────────────
   Four custom typefaces from TypeArtists Yokohama (the "TAY" set):
     · Crumb       → big display / headings
     · Sundae      → polaroid titles + medium-weight UI text
     · Highbeams   → long-form body copy (regular + italic)
     · Bread Pan   → tiny spec labels and small-caps text
   These replace the prior mudstone-sans + aktiv-grotesk Adobe Fonts
   pairing entirely. Each face is registered under both its full
   real name and the legacy family name used throughout the codebase,
   so existing rules (e.g. `font-family: 'mudstone-sans'`) keep
   working without an immediate sweep. */

@font-face {
  font-family: 'Crumb';
  src: url('assets/fonts/TAYCrumbRegular.woff2') format('woff2'),
       url('assets/fonts/TAYCrumbRegular.woff') format('woff'),
       url('assets/fonts/TAYCrumbRegular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sundae';
  src: url('assets/fonts/TAYSundaeRegular.woff2') format('woff2'),
       url('assets/fonts/TAYSundaeRegular.woff') format('woff'),
       url('assets/fonts/TAYSundaeRegular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Highbeams';
  src: url('assets/fonts/TAYHighBeamsRegular.woff2') format('woff2'),
       url('assets/fonts/TAYHighBeamsRegular.woff') format('woff'),
       url('assets/fonts/TAYHighBeamsRegular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Highbeams';
  src: url('assets/fonts/TAYHighBeams-Italic.woff2') format('woff2'),
       url('assets/fonts/TAYHighBeams-Italic.woff') format('woff'),
       url('assets/fonts/TAYHighBeams-Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Bread Pan';
  src: url('assets/fonts/TAYBreadPan.woff2') format('woff2'),
       url('assets/fonts/TAYBreadPan.woff') format('woff'),
       url('assets/fonts/TAYBreadPan.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ─────────────────────────────────────────────────────────────────
   Legacy-name aliases — every place in the codebase that still
   references the old Adobe Fonts names keeps rendering without a
   rewrite. Aliasing via @font-face local() chain keeps the source
   single-truth: change the URL above and every alias follows. */

@font-face {
  font-family: 'mudstone-sans';
  src: url('assets/fonts/TAYCrumbRegular.woff2') format('woff2'),
       url('assets/fonts/TAYCrumbRegular.woff') format('woff'),
       url('assets/fonts/TAYCrumbRegular.otf') format('opentype');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'aktiv-grotesk';
  src: url('assets/fonts/TAYSundaeRegular.woff2') format('woff2'),
       url('assets/fonts/TAYSundaeRegular.woff') format('woff'),
       url('assets/fonts/TAYSundaeRegular.otf') format('opentype');
  /* Sundae handles all medium-and-heavier aktiv-grotesk uses (nav,
     polaroid titles, captions, headings 500–900). */
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'aktiv-grotesk';
  src: url('assets/fonts/TAYHighBeamsRegular.woff2') format('woff2'),
       url('assets/fonts/TAYHighBeamsRegular.woff') format('woff'),
       url('assets/fonts/TAYHighBeamsRegular.otf') format('opentype');
  /* aktiv-grotesk regular body weight → Highbeams. */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'aktiv-grotesk';
  src: url('assets/fonts/TAYHighBeams-Italic.woff2') format('woff2'),
       url('assets/fonts/TAYHighBeams-Italic.woff') format('woff'),
       url('assets/fonts/TAYHighBeams-Italic.otf') format('opentype');
  /* All aktiv-grotesk italics — including the 300-italic accent
     weight used throughout — get Highbeams Italic. */
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'aktiv-grotesk';
  src: url('assets/fonts/TAYBreadPan.woff2') format('woff2'),
       url('assets/fonts/TAYBreadPan.woff') format('woff'),
       url('assets/fonts/TAYBreadPan.otf') format('opentype');
  /* aktiv-grotesk thin/light weights (200 spec labels, catalog
     numbers, badges, breadcrumbs) → Bread Pan. */
  font-weight: 100 300;
  font-style: normal;
  font-display: swap;
}