/* Yellow Cottage Kitchen brand tokens.
   Colors are sampled from the YCK cottage logo. Fonts are self-hosted. */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("../fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("../fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  --roof: #f9ed32;      /* logo roof yellow */
  --butter: #fffbd6;    /* pale tint of the roof */
  --ink: #2e3192;       /* logo indigo: text and dark bands */
  --door: #c8141d;      /* logo red, deepened for contrast: give buttons only */
  --door-dark: #a30f17;
  --leaf: #007a3d;      /* logo green, deepened: links */
  --paper: #ffffff;
  --display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;
  --body: "Atkinson Hyperlegible", Verdana, sans-serif;
  --radius: 6px;
}