:root {
  --color-accent: #84725d !important;
  --font-color: #39312b !important;
  --font-dark: #39312b !important;
  --bg-light: #f5f5f3 !important;
  --font: rgba(57, 49, 43, 0.78) !important;
  --font-50: rgba(57, 49, 43, 0.58) !important;
  --case-bg: #ece8e3 !important;
  --border: #d9d3cc !important;
  --bg-color: #f1eeeb !important;
  --bullets: #d8d2cb !important;
  --color-border: #dfdad3 !important;
  --color-white: #ffffff !important;
  --btn-bg: #6d6054 !important;
  --btn-bg-hover: #5c5147 !important;
  --btn-bg-focus: #84725d !important;
  --btn2-bg: #a09588 !important;
  --btn2-bg-hover: #8f8376 !important;
  --btn2-bg-focus: #b3a89c !important;
  --color-link: #6b5d4f !important;
}

html,
body {
  background: #f4f2ef !important;
}

body,
input,
textarea,
select,
button {
  font-family: "Gilroy", Arial, sans-serif !important;
  color: var(--font-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.section-title,
.section-subtitle,
.quiz__question-title {
  font-family: "Georgia", "Times New Roman", serif !important;
  letter-spacing: 0.01em;
}

.calc-full h1,
.designer-description > h2,
.section-qwiz h2,
.section-qwiz .section-subtitle,
.zayavka-form h3,
.section-h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

a {
  color: var(--color-link);
}

a:hover {
  color: #5a4d41;
}

header .navbar,
.menu-header__content {
  background: rgba(247, 244, 240, 0.96) !important;
  border-bottom: 1px solid #e3ddd5;
}

.icon-mobile-phone svg path,
.phone-with-icon svg path {
  fill: #6d6054 !important;
}

.logo img,
.navbar-brand img,
.footer .logo img {
  width: auto !important;
  height: auto !important;
  max-width: 220px !important;
  max-height: 56px !important;
  object-fit: contain;
}

.btn-accent,
.btn-sbm,
.btn_wts,
.btn_ph,
.quiz-navbar__button_next,
a.btn-accent,
button.btn-accent {
  background: linear-gradient(135deg, #6d6054, #8a7b6c) !important;
  border: 1px solid #6d6054 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 24px rgba(57, 49, 43, 0.18);
  color: #ffffff !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-accent:hover,
.btn-sbm:hover,
.btn_wts:hover,
.btn_ph:hover,
.quiz-navbar__button_next:hover,
a.btn-accent:hover,
button.btn-accent:hover {
  background: linear-gradient(135deg, #5b5046, #756658) !important;
  border-color: #5b5046 !important;
  box-shadow: 0 14px 28px rgba(57, 49, 43, 0.22);
  transform: translateY(-1px);
}

.btn-accent-border,
.btn-grey,
.btn-m,
.quiz-navbar__button_prev {
  background: #f7f4f0 !important;
  border: 1px solid #b7aba0 !important;
  border-radius: 14px !important;
  color: #5f5448 !important;
}

.btn-accent-border:hover,
.btn-grey:hover,
.btn-m:hover,
.quiz-navbar__button_prev:hover {
  background: #ede6de !important;
  border-color: #a5988b !important;
  color: #493f36 !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea,
select,
.form-control {
  background: #faf8f5 !important;
  border: 1px solid #d8cfc6 !important;
  border-radius: 10px !important;
  color: #312a24 !important;
}

input::placeholder,
textarea::placeholder {
  color: #8e847a !important;
}

.quiz-full,
.qwiz-content,
.portfolio-descr-items,
.footer-column,
.section .container > .row > [class*="col"] > .tasks__item {
  border-radius: 14px;
}

footer,
.footer {
  background: #ebe6e0 !important;
}

footer a,
.footer a {
  color: #4f4338 !important;
}

@media (max-width: 767px) {
  .logo img,
  .navbar-brand img,
  .footer .logo img {
    max-width: 170px !important;
    max-height: 42px !important;
  }

  .btn-accent,
  .btn-accent-border,
  .btn-sbm,
  .btn-m {
    border-radius: 12px !important;
  }
}

/* Footer readability improvements */
.footer .footer-column a,
.footer .fooetr-text3,
.footer .footer-text1,
.footer .item-contacts .descr,
.footer .item-contacts .contact1,
.footer .item-contacts .contact2,
.footer .column-footer2 .descr1 p,
.footer .column-footer2 .descr2 {
  color: #2f2a25 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.footer .title,
.footer .footer-title {
  color: #2f2a25 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.footer .item-contacts .contact1 {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.footer .item-contacts .contact2 {
  color: rgba(47, 42, 37, 0.82) !important;
  font-size: 12px !important;
}

.footer .icon-wrp svg [fill] {
  fill: #f2ede7 !important;
}

.footer .icon-wrp svg [stroke] {
  stroke: #f2ede7 !important;
}