:root {
  --idista-graphite: #242629;
  --idista-slate: #746d72;
  --idista-silver: #ef9fc1;
  --idista-mist: #f8cde0;
  --idista-off-white: #fff8fb;
  --cream: #fff1f7;
  --beige: #f8cde0;
  --taupe: #ef9fc1;
  --brown: #c43f79;
  --brown-dark: #29272b;
  --paper: #fff8fb;
  --muted: #746d72;
  --line: #f0c7d9;
  --soft: #fff0f6;
  --shadow: 0 18px 48px rgba(180, 66, 115, .11);
}

.brand-panel {
  background: linear-gradient(145deg, #e0dde0 0%, #ffd9e9 52%, #f4b9d2 100%);
}

.tabs {
  background: #fde7f0;
}

.site-footer,
footer {
  background: linear-gradient(135deg, #e1dfe2 0%, #f8c7dc 52%, #f3b7d0 100%);
}

body {
  background: radial-gradient(circle at 12% 8%, rgba(246, 153, 194, .28), transparent 28%), linear-gradient(180deg, #fffafd 0%, #fff1f7 52%, #f8e9f0 100%);
}

.announce {
  background: linear-gradient(90deg, #e1dfe2, #f8c1d9 50%, #e1dfe2);
}

.primary-btn,
.header-search button,
.filter-btn.active,
.survey-options input:checked + span,
.action,
.submit,
.btn.primary {
  background: #c43f79;
  color: #fff;
}

.primary-btn:hover,
.action:hover,
.submit:hover,
.btn.primary:hover {
  background: #ab2f66;
}

.discount-badge {
  background: #d94283;
}

.action,
.submit {
  box-shadow: 0 10px 24px rgba(196, 63, 121, .22);
}

.logo > img,
.brand > img,
.brand-logo > img,
.login-brand > img {
  display: block;
  width: clamp(136px, 17vw, 190px);
  height: auto;
  object-fit: contain;
}

.brand-logo > img,
.login-brand > img {
  width: clamp(160px, 20vw, 220px);
}

@media (max-width: 700px) {
  .logo > img,
  .brand > img {
    width: 142px;
  }

  .brand-logo > img,
  .login-brand > img {
    width: 158px;
  }
}

@media (max-width: 380px) {
  .logo > img,
  .brand > img {
    width: 126px;
  }
}