




:root {
  --bg: #FBF1D7;
  --heading: #0A080A;
  --text: #2E2C2D;
  --link: #7F512F;
  --link-underline: #A5764E;
  --link-hover: #57270B;
  --dark-block: #0A080A;
  --dark-text: #FBF1D7;
  --button-bg: #57270B;
  --button-text: #FBF1D7;
  --button-hover: #7F512F;
}

body {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 400;
}

.t-title,
.t-title_xs,
.t-title_sm,
.t-title_md,
.t-title_lg,
.t-title_xl,
.t-name,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif !important;
  color: var(--heading) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-style: normal;
}

.t-descr,
.t-text,
.t-text_xs,
.t-text_sm,
.t-text_md,
.t-text_lg,
p, li, div {
  font-family: 'Inter', sans-serif;
  color: var(--text);
  font-style: normal;
}

a {
  color: var(--link) !important;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-underline);
  text-underline-offset: 3px;
  transition: all 0.25s ease;
}

a:hover {
  color: var(--link-hover) !important;
  text-decoration-color: var(--link-hover);
}

.t-btn,
.t-submit {
  background-color: var(--button-bg) !important;
  color: var(--button-text) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  transition: background-color 0.25s ease;
}

.t-btn:hover,
.t-submit:hover {
  background-color: var(--button-hover) !important;
  color: var(--button-text) !important;
}

.uc-dark,
.dark-block,
[data-block-style="dark"] {
  background-color: var(--dark-block) !important;
  color: var(--dark-text) !important;
}

.uc-dark h1,
.uc-dark h2,
.uc-dark h3,
.uc-dark h4,
.uc-dark p,
.uc-dark a,
.dark-block h1,
.dark-block h2,
.dark-block h3,
.dark-block h4,
.dark-block p,
.dark-block a {
  color: var(--dark-text) !important;
}

.t-zoomable,
.t-gallery__zoom,
.t-store__prod-popup__bg,
.t-popup {
  background-color: rgba(10, 8, 10, 0.95) !important;
}
</style>