/* Webfonts. The brand's licensed faces are The Seasons, Cerebri Sans, Lato and Parisienne.
   The Seasons ships with this system as six OTF files in assets/fonts/ (Fontspring demo
   cut — swap in the licensed release for production). Lato and Parisienne load from
   Google Fonts. Cerebri Sans is the one face still missing a binary; its stack falls back
   to Hanken Grotesk. See readme.md → "Font substitutions". */

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&family=Parisienne&family=Hanken+Grotesk:wght@300;400;500;600;700&display=swap");

@font-face {
  font-family: "The Seasons";
  src: url("../assets/fonts/TheSeasons-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "The Seasons";
  src: url("../assets/fonts/TheSeasons-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "The Seasons";
  src: url("../assets/fonts/TheSeasons-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "The Seasons";
  src: url("../assets/fonts/TheSeasons-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "The Seasons";
  src: url("../assets/fonts/TheSeasons-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "The Seasons";
  src: url("../assets/fonts/TheSeasons-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Display serif — The Seasons. Round near-circular bowls, hairline thins against
     thick stems, very small flat serifs, single-storey g. Headlines run at Light (300);
     the wordmark and small display sizes hold better at Regular (400). */
  --font-display: "The Seasons", "Times New Roman", serif;
  /* The accent line that finishes a two-part headline is Parisienne — not a serif
     italic — set a little smaller than the roman it follows. */
  --font-display-italic: "Parisienne", cursive;
  /* Handwritten accent — Parisienne */
  --font-script: "Parisienne", "Snell Roundhand", cursive;
  /* Workhorse text + tracked labels — Lato */
  --font-sans: "Lato", -apple-system, "Helvetica Neue", Arial, sans-serif;
  /* Geometric UI sans — Cerebri Sans (no binary supplied; substitute: Hanken Grotesk) */
  --font-ui: "Cerebri Sans", "Hanken Grotesk", "Lato", sans-serif;

  /* Brand brown sampled from the supplied wordmark: #703828 */
  --logo-brown: #703828; /* @kind color */
}