*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  &:focus-visible {
    outline: 1px solid var(--green-main);
  }
}

* {
  font-family: var(--font-days-one);
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}

span,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  transition:
    color var(--transition),
    opacity var(--transition);
}

svg,
svg path,
svg g,
svg g path,
path {
  transition: all var(--transition);
}

html {
  /* Единый светлый тон под всеми секциями — в него растушёвываются
     фоны блоков, поэтому стыки между разделами не видны. */
  background-color: #bfbcee;
  scroll-behavior: smooth;
  &::-webkit-scrollbar {
    display: none;
  }

  &::selection {
    background-color: var(--green-main);
    color: var(--black);
  }
}

body {
  justify-content: center;
  font-size: 16px;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  display: inline-block;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  flex-shrink: 0;
  transition: transform var(--transition);
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  border: none;
  outline: none;
}