@font-face {
  font-family: "Inter";
  src: url("/local/templates/main/assets/fonts/Inter-Regular.otf") format("otf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sen";
  src: url("/local/templates/main/assets/fonts/Sen-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sen";
  src: url("/local/templates/main/assets/fonts/Sen-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --inter: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif;
  --sen: "Sen", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

:root {
  /* Дополнительные цвета (используются в обеих темах) */
  --color-success: #9fdb71;
  --color-error: #de061c;
  --color-bg-error: #ffeff0;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-grey-dark: #1f1f1f;
  --color-grey-light: #8b8b8b;
  --color-white-grey: #f6f6f6;
  --color-modal-purple: #47337b;
  --color-blue-link: #287bec;
  --color-grey-note: #6d6e76;
}

/* Оранжевая тема */
:root[data-theme="theme-orange"] {
  --color-orange-light: #ff6600;
  --color-orange-dark: #f45500;
}

/* Фиолетовая тема */
:root[data-theme="theme-purple"] {
  --color-purple-dark: #4d2d9f;
  --color-purple-default: #6a47c3;
  --color-purple-light: #9284bd;
}

/* Акцент для иконок в зависимости от темы */
:root[data-theme="theme-orange"] {
  --icon-accent: var(--color-orange-light);
  --element-accent: var(--color-orange-light);
  --dark-accent: var(--color-orange-light);
  --hover-accent: var(--color-orange-dark);
}
:root[data-theme="theme-purple"] {
  --icon-accent: var(--color-purple-light);
  --element-accent: var(--color-purple-default);
  --dark-accent: var(--color-purple-dark);
  --hover-accent: var(--color-purple-default);
}

* {
  box-sizing: border-box;
}
body > *,
header {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

html,
body {
  height: 100%;
  overflow-x: hidden;
}
body {
  background: var(--color-white);
  color: var(--color-black);
  font-family: var(--sen);
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--sen);
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
p {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
.caption {
  font-family: var(--inter);
  font-weight: 400;
}

.right_indent {
  margin: 0 100px;
}

@media (max-width: 1024px) {
  .right_indent {
    margin: 0 20px;
  }
}