:root {
  --color-background: #f7f1e7;
  --color-surface: #fffaf2;

  --color-primary: #d9682f;
  --color-primary-dark: #b94f20;

  --color-green: #65704a;

  --color-text: #28241f;
  --color-muted: #746d64;

  --color-border: #ded5c8;

  --font-main:
    Arial,
    Helvetica,
    sans-serif;

  --max-width: 1120px;

  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 28px;
}


* {
  box-sizing: border-box;
}


html {
  scroll-behavior: smooth;
}


body {
  margin: 0;

  background: var(--color-background);

  color: var(--color-text);

  font-family: var(--font-main);

  line-height: 1.5;
}


img {
  display: block;

  max-width: 100%;
}


a {
  color: inherit;

  text-decoration: none;
}


button,
input {
  font: inherit;
}


h1,
h2,
h3,
p {
  margin-top: 0;
}