/* ================================================================
   FONTS — EPWA Portfolio
   ================================================================
   YOUR OWN TYPEFACES GO HERE.

   1. Drop the font files into  assets/fonts/
   2. Uncomment (or copy) an @font-face block below and point it
      at your file.
   3. Update the font variables at the bottom — everything on the
      site reads from those variables, so one change re-fonts the
      whole site.

   Franklin Gothic Heavy: if it's installed on your machine it will
   be picked up automatically by the local() sources below. For
   visitors who don't have it, drop the file in assets/fonts/ and
   uncomment the src url() line.
   ================================================================ */

/* --- TEMPLATE: custom display face ---------------------------- */
/*
@font-face {
  font-family: "EPWA Display";
  src: url("../assets/fonts/YOUR-DISPLAY-FONT.woff2") format("woff2"),
       url("../assets/fonts/YOUR-DISPLAY-FONT.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
*/

/* --- Franklin Gothic Heavy ------------------------------------- */
/* Tries the visitor's installed copy first, then ships ours. */
@font-face {
  font-family: "Franklin Gothic Heavy";
  src: local("Franklin Gothic Heavy"),
       local("FranklinGothic-Heavy"),
       url("../assets/fonts/Franklin-Gothic-Heavy.ttf") format("truetype");
  font-weight: 400;   /* heavy by design — used without faux-bolding */
  font-style: normal;
  font-display: swap;
}

/* --- ACHIEVEMENT NOTE FACE ------------------------------------- */
/* "Grime Slime" — the handwriting on the sticky notes ONLY (not the
   rarity label). To swap it, drop a new file in assets/fonts/, point
   the url() below at it, and it flows everywhere via --font-note. */
@font-face {
  font-family: "EPWA Note";
  src: url("../assets/fonts/GrimeSlime-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ================================================================
   FONT VARIABLES — the whole site reads from these.
   Swap a family here and it changes everywhere at once.
   ================================================================ */
:root {
  /* Big headlines, mastheads, tab labels */
  --font-display: "Barlow Condensed", "Franklin Gothic Heavy", "Arial Narrow", sans-serif;

  /* Extra-heavy poster type (stubs, selector numbers) */
  --font-poster: "Archivo Black", "Franklin Gothic Heavy", sans-serif;

  /* Body copy — typed-report energy */
  --font-body: "Source Serif 4", Georgia, serif;

  /* Mono — captions, metadata, stamps, editorial furniture */
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  /* The sticky notes on the ACHIEVEMENTS board — "Grime Slime"
     (assets/fonts/GrimeSlime-Regular.ttf). Special Elite is the
     fallback while the face loads. Only the note text uses this; the
     rarity label stays mono. */
  --font-note: "EPWA Note", "Special Elite", "Courier New", monospace;

  /* The EPWA cycler rotates through these (also see content/config.js) */
  --font-cycle-1: "Archivo Black", sans-serif;
  --font-cycle-2: "Bebas Neue", sans-serif;
  --font-cycle-3: "Barlow Condensed", sans-serif;
  --font-cycle-4: "IBM Plex Mono", monospace;
  --font-cycle-5: "Source Serif 4", serif;
  --font-cycle-6: "Special Elite", monospace;
  --font-cycle-7: "Rubik Mono One", monospace;
}