/* ==========================================================================
   Sierra Montana — design tokens.
   Single source of truth for fonts and colour. Load this FIRST.

   FONTS — the original referenced five families and shipped @font-face for
   none of them, so the whole design fell back to system fonts. Two of the five
   were included as .otf, but the template's own licence PDF says Codegrid does
   not hold the right to distribute them (and the Canopee file is stamped
   "wf-rip", i.e. a ripped webfont). All five are replaced with open-licensed
   faces, consolidated from five families to three:

     Canopee, Roslindale Display Cond.  ->  Abril Fatface     (OFL)
     Ayer                               ->  Playfair Display  (OFL)
     Acid Grotesk, Neue Montreal        ->  Apfel Grotezk     (OFL, Collletttivo)

   Licences sit next to the files in assets/fonts/.
   ========================================================================== */

/* --- Abril Fatface: display. One weight; the range stops the browser
       synthesising a fake bold for the font-weight:500 headings. --- */
@font-face {
  font-family: "Abril Fatface";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/abril-fatface-ext-400.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Abril Fatface";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/abril-fatface-400.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;
}

/* --- Playfair Display: the italic accent face --- */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/playfair-ext-400.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/playfair-400.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: "Playfair Display";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/playfair-italic-ext-400.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/playfair-italic-400.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;
}

/* --- Apfel Grotezk: body / UI --- */
@font-face {
  font-family: "Apfel Grotezk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/apfel-grotezk-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Apfel Grotezk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/apfel-grotezk-mittel.woff2") format("woff2");
}
@font-face {
  font-family: "Apfel Grotezk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/apfel-grotezk-fett.woff2") format("woff2");
}

:root {
  /* --- Colour -----------------------------------------------------------
     The original set --bg and --text-color to the SAME value (#e4e3db) in
     styles.css, i.e. invisible text, and only became readable because nav.css
     happened to load afterwards and redefine --bg. Both are set here, once. */
  --bg: #0a0a0a;
  --text-color: #e4e3db;
  --link-color: #e4e3db;
  --overlay-bg: #000000;
  --stroke-color: rgba(228, 227, 219, 0.75);
  --project-primary: #e88640;
  --project-footer: #0a0a0a;
  --focus-color: #ffd24a;

  /* --- Families ---------------------------------------------------------- */
  --font-display: "Abril Fatface", Georgia, "Times New Roman", serif;
  --font-accent: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-sans: "Apfel Grotezk", system-ui, -apple-system, "Segoe UI", Helvetica,
    Arial, sans-serif;
}