:root {
  --color-theme: #ff8559;
  --color-theme-rgb: 255, 133, 89;
  --color-theme-hue: 15.903614457831;
  --color-theme-saturation: 100%;
  --color-theme-lightness: 67.450980392157%;
  --color-theme-hover-difference: 10%;
  --color-theme-hover: hsl(var(--color-theme-hue), var(--color-theme-saturation), calc(var(--color-theme-lightness) - var(--color-theme-hover-difference)));
  --color-theme-font: #222222;
  --color-theme-font-rgb: 34, 34, 34;
  --color-theme-font-initial: #222222;
  --color-background: #ffffff;
  --color-background-additional: #f5f3f1;
  --font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-header: "Dela Gothic One", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --border-radius: 20px;
  --gap-base: 30px;
  --gap-base-inner: 20px;
}
@media (max-width: 991.98px) {
  :root {
      --gap-base: calc(30px / 3 * 2);
  }
}