* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

h1, h2, h3 { font-family: var(--font-heading); margin: 0; }

a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-accent); }

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

img { max-width: 100%; display: block; }

.container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
}

.section {
  padding: 56px 0 0;
}

.visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d8d3cb; border-radius: 8px; }