@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Onest:wght@400;500;600&display=swap&subset=cyrillic');
:root {
  --background-primary: #0c0b09;
  --background-secondary: #191712;
  --background-brand: #7a5f2e;
  --background-transparent-primary: rgba(25, 23, 18, 0.6);
  --background-blackout: linear-gradient(0deg, #0c0b09 0%, rgba(12, 11, 9, 0) 100%);
  --content-secondary: #afa692;
  --content-primary: #eee6d6;
  --content-primary_inverce: #0c0b09;
  --content-brand: #d2b47a;
  --border-secondary: #5c5444;
  --border-primary: #eee6d6;
  --border-brand: #c9a868;
}
body { font-family: "Onest", "Mulish", sans-serif; background-color: #0c0b09; }
h1, h2, .title {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
}
.title span { color: #d2b47a; }
.btn.btn-primary { background-color: #c9a868; border-color: #c9a868; color: #0c0b09; }
.btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #dcc28e; border-color: #dcc28e; color: #0c0b09; }
@media (max-width: 575.98px) {
  .main-section__title { font-size: 38px; line-height: 46px; overflow-wrap: break-word; }
}