:root {
  --color-background-desktop: #f8f6f1;
  --color-background-mobile: #ffffff;
  --color-accent: #c0ed87;
  --color-ink: #151310;
  --color-text: #111111;
  --color-divider: #bfbfbf;
}

@font-face {
  font-family: "Geist";
  src: url("../assets/fonts/Geist-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "DM Serif Display";
  src: url("../assets/fonts/DMSerifDisplay-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  background: var(--color-background-desktop);
}

@media (max-width: 1079px) {
  body {
    background: var(--color-background-mobile);
  }
}