body {
  font-family: var(--font-sans);
  background: radial-gradient(circle at top, #020818 0, var(--color-bg) 55%);
  color: var(--color-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.section-hero,
.section-services,
.section-portfolio,
.section-process,
.section-about,
.section-contact {
  scroll-margin-top: 96px; /* за да не се крие под хедъра при scroll */
}

h1,
h2,
h3 {
  font-weight: 600;
  letter-spacing: -0.03em;
  margin: 0;
}

p {
  margin: 0;
}

.section-intro {
  max-width: 520px;
  color: var(--color-text-muted);
  margin-top: var(--space-xs);
}

/* Контейнер и базов layout */
.container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--space-md);
}