:root {
  --font-body: "Inter", "Segoe UI", sans-serif;
  --page-width: min(1100px, 100%);
  --page-gap: clamp(20px, 3vw, 40px);
}

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

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-body);
  color: var(--text, #111);
  background-color: var(--bg, #fff);
}

.page {
  width: var(--page-width);
  display: grid;
  gap: var(--page-gap);
}

button,
input,
select,
textarea {
  font-family: inherit;
}