:root {
  --bg: #faf7ef;
  --surface: #fffaf1;
  --surface-2: #f4ebdb;
  --text: #1f1f1f;
  --muted: #5f554a;
  --accent: #56713f;
  --accent-2: #d8a62a;
  --accent-3: #f4b400;
  --accent-4: #fff3cf;
  --border: rgba(80, 55, 35, 0.12);
  --radius: 28px;
  --shadow: 0 18px 34px rgba(92, 71, 42, 0.06);
  --max: 1240px;
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 17px;
  line-height: 1.68;
  color: var(--text);
  background: var(--bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

img,
video {
  max-width: 100%;
}

a {
  color: inherit;
}

.page,
.site-footer {
  width: min(calc(100% - 28px), var(--max));
  margin: 0 auto;
}

.container {
  width: min(calc(100% - 28px), var(--max));
  margin-inline: auto;
}