@font-face {
  font-family: "Gothic A1";
  src: url("./assets/fonts/gothic-a1-latin-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Nimbus Sans L";
  src: url("./assets/fonts/nimbus-sans-l-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Nimbus Sans L";
  src: url("./assets/fonts/nimbus-sans-l-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: light;
  --font-heading: "Gothic A1", Arial, sans-serif;
  --font-body: "Nimbus Sans L", Arial, sans-serif;
  --accent: #f0ff5e;
  --accent-hover: #e4f24b;
  --brand: #807056;
  --brand-deep: #5a4f3e;
  --bg: #ececec;
  --surface: #ffffff;
  --surface-soft: #f4f4f2;
  --surface-sage: #edf3ed;
  --ink: #171917;
  --muted: #5f625e;
  --border: #d9d9d5;
  --sage: #27734e;
  --sage-soft: #e4f0e7;
  --blue: #366786;
  --taupe: #807056;
  --terracotta: #9c513c;
  --warning: #896016;
  --danger: #aa3434;
  --danger-soft: #faeaea;
  --shadow: 0 2px 8px rgb(23 25 23 / 3%);
}