:root {
  --background-primary: #0e1422;
  --background-secondary: #182033;
  --background-brand: #b8975a;
  --background-transparent-primary: rgba(24, 32, 51, 0.6);
  --content-primary: #e9e4da;
  --content-secondary: #a9adb8;
  --content-brand: #c9a86a;
  --border-brand: #b8975a;
  --border-secondary: #4a5368;
  --base-primary: #182033;
  --brand-accent: #b8975a;
  --brand-add-accent: #d9c08f;
  --backround-primary: #0e1422;
  --backround-secondary: #182033;
}
body { font-family: "Manrope", "Onest", sans-serif; background-color: #0e1422; }
h1, h2, h3, .title, .title.title--1, .title.title--2, .title.title--3 {
  font-family: "Prata", "Cormorant Garamond", serif;
  letter-spacing: 0.01em;
}
.title.title--1 { text-transform: none; }
.btn, button.btn, a.btn { border-radius: 2px; letter-spacing: 0.04em; }

.header.fixed-top { background-image: linear-gradient(#0e1422 0%, rgba(14, 20, 34, 0.85) 70%, rgba(14, 20, 34, 0) 100%); }

.main-section { position: relative; }
.main-section::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 20, 34, 0.55) 0%, rgba(14, 20, 34, 0.25) 45%, rgba(14, 20, 34, 0.9) 100%); pointer-events: none; z-index: 1; }
.main-section > * { position: relative; z-index: 2; }

.btn.btn-primary { background-color: #c9a86a; border-color: #c9a86a; color: #0e1422; }
.btn.btn-primary:hover { background-color: #d9c08f; border-color: #d9c08f; color: #0e1422; }
.btn.btn-outline-secondary { background-color: transparent; border-color: #c9a86a; color: #e9e4da; }
.btn.btn-secondary { color: #c9a86a; }

.catalog-card__price { background-color: #182033; color: #e9e4da; border-top: 1px solid #b8975a; }
.catalog-card { border-radius: 0; }