/* ==========================================================================
   Yardley Gobion: the poster inks and faces. See DESIGN.md.
   ========================================================================== */

@font-face {
  font-family: "Rammetto One";
  src: url("../assets/fonts/Rammetto.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Hammersmith One";
  src: url("../assets/fonts/Hammersmith.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Cabin";
  src: url("../assets/fonts/Cabin-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Cabin";
  src: url("../assets/fonts/Cabin-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Cabin";
  src: url("../assets/fonts/Cabin-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Inks */
  --ink: #14213a;
  --leaf: #146b45;
  --deep: #0e4a38;
  --thatch: #e9a31f;
  --thatch-lit: #ffd96a;  /* gold on red or leaf, where plain thatch lacks contrast */
  --post: #b5222a;
  --sky: #a9dde0;
  --cut: #125c8c;
  --chalk: #f3f5ea;

  /* Faces */
  --poster: "Rammetto One", "Arial Black", sans-serif;
  --label: "Hammersmith One", "Gill Sans", "Trebuchet MS", sans-serif;
  --read: "Cabin", "Gill Sans", "Trebuchet MS", sans-serif;

  /* Measures */
  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 48px);
  --sheet-shadow: 7px 7px 0 rgb(14 74 56 / 0.85);
}