@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap&subset=cyrillic');
:root {
  --background-primary: #1a120d;
  --background-secondary: #2a1e16;
  --background-brand: #7a4f2e;
  --background-transparent-primary: rgba(42, 30, 22, 0.6);
  --content-primary: #f1e7d8;
  --content-secondary: #bfae9b;
  --content-brand: #d8b984;
  --border-brand: #c4a26e;
  --border-secondary: #4d3b2e;
  --base-primary: #2a1e16;
  --brand-accent: #c4a26e;
  --brand-add-accent: #e6cfa2;
  --backround-primary: #1a120d;
  --backround-secondary: #2a1e16;
}
body { font-family: "Raleway", "Manrope", sans-serif; background-color: #1a120d; }
h1, h2, h3, .title, .title.title--1, .title.title--2, .title.title--3 {
  font-family: "Prata", serif;
  letter-spacing: 0.015em;
}
.title.title--1 { text-transform: none; }
.btn, button.btn, a.btn { border-radius: 12px; letter-spacing: 0.03em; }

.header.fixed-top { background-image: linear-gradient(#1a120d 0%, rgba(26, 18, 13, 0.84) 70%, rgba(26, 18, 13, 0) 100%); }

.main-section { position: relative; }
.main-section::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26, 18, 13, 0.52) 0%, rgba(26, 18, 13, 0.22) 45%, rgba(26, 18, 13, 0.9) 100%); pointer-events: none; z-index: 1; }
.main-section > * { position: relative; z-index: 2; }

.btn.btn-primary { background-color: #d8b984; border-color: #d8b984; color: #1a120d; }
.btn.btn-primary:hover { background-color: #e6cfa2; border-color: #e6cfa2; color: #1a120d; }
.btn.btn-outline-secondary { background-color: transparent; border-color: #d8b984; color: #f1e7d8; }
.btn.btn-secondary { color: #d8b984; }

.catalog-card__price { background-color: #2a1e16; color: #f1e7d8; border-top: 1px solid #c4a26e; }
.catalog-card { border-radius: 10px; }