/* ZaynaGo brand — violet / rose (2026) */
:root {
  --cream: #fdf2f5;
  --paper: #fffbfc;
  --ink: #3d3450;
  --muted: #6d6578;
  --line: #ecdde6;
  --gold: #8b6b9e;
  --gold-light: #e8c4d0;
  --brand-purple: #6d5a87;
  --brand-rose: #e8a2ad;
  --brand-mauve: #9a7aa8;
  --brand-gradient: linear-gradient(135deg, #6d5a87 0%, #b8849f 52%, #e8a2ad 100%);
  --shadow: 0 10px 35px rgba(109, 90, 135, 0.1);
}

.logo.logo--brand {
  flex-direction: row;
  align-items: center;
  gap: 0;
  font-size: inherit;
  letter-spacing: 0;
}

.logo.logo--brand .logo__img {
  display: block;
  width: auto;
  height: 52px;
  max-width: min(200px, 46vw);
  object-fit: contain;
  object-position: left center;
}

.logo.logo--brand .tagline,
.logo.logo--brand .wordmark {
  display: none !important;
}

.footer-logo.footer-logo--brand .footer-logo__img {
  display: block;
  width: auto;
  height: 44px;
  max-width: 180px;
  object-fit: contain;
}

.footer-logo.footer-logo--brand span,
.footer-logo.footer-logo--brand {
  font-size: 0;
}

.wordmark-gradient {
  background: var(--brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.add-btn,
.gold-btn,
.hero-explore-cta,
.install-app-btn {
  background: var(--brand-gradient) !important;
  border: 0;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(109, 90, 135, 0.28);
}

.add-btn:hover,
.gold-btn:hover,
.hero-explore-cta:hover,
.install-app-btn:hover {
  filter: brightness(1.04);
}

.nav-links a:hover,
.lang-btn.is-active {
  color: var(--brand-purple);
}

.eyebrow {
  color: var(--brand-mauve);
}

.recommend {
  background: linear-gradient(180deg, #2f2838 0%, #3d3450 100%);
}

.recommend .gold-btn {
  background: var(--brand-gradient) !important;
}

@media (max-width: 680px) {
  .logo.logo--brand .logo__img {
    height: 44px;
    max-width: 42vw;
  }
}

/* PWA standalone — blush shell closer to mobile mockup */
@media (display-mode: standalone) {
  body {
    background: var(--cream);
  }

  .nav {
    background: rgba(255, 251, 252, 0.97);
    border-bottom-color: var(--line);
  }
}