/* Variant B — Luxoria colors/style; hero layout stays like variant A (full scrub) */
.lux {
  --bg: #140e0a;
  --bg-elevated: #1c1410;
  --bg-soft: #241a14;
  --ink: #f7f1e8;
  --ink-muted: rgba(247, 241, 232, 0.68);
  --ink-faint: rgba(247, 241, 232, 0.4);
  --line: rgba(212, 175, 120, 0.22);
  --gold: #d4af78;
  --gold-soft: rgba(212, 175, 120, 0.55);
  --champagne: #d4af78;
  --champagne-soft: rgba(212, 175, 120, 0.55);
  --accent: #c9a06a;
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Manrope", "Helvetica Neue", sans-serif;
  background: var(--bg);
  color: var(--ink);
}

.lux .site-nav {
  background: transparent;
}

.lux .site-nav.is-scrolled {
  background: rgba(20, 14, 10, 0.88);
  border-bottom-color: var(--line);
}

.lux .site-nav__logo {
  filter: invert(1) sepia(0.35) saturate(1.4) hue-rotate(5deg) brightness(1.05);
}

.lux .site-nav__word {
  letter-spacing: 0.32em;
  font-size: 0.95rem;
}

.lux .site-nav__links a {
  color: rgba(247, 241, 232, 0.78);
}

.lux .site-nav__links a:hover {
  color: var(--gold);
}

.lux .site-nav__cta {
  border-radius: 999px;
  border-color: var(--line);
  padding-inline: 1.25rem;
}

.lux .site-nav__cta:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: #140e0a;
}

.lux .nav-toggle {
  border-radius: 999px;
  border-color: var(--line);
}

/* Hero buttons — same placement, gold lux accents */
.lux .btn-on-media {
  border-radius: 999px;
  border-color: rgba(212, 175, 120, 0.45);
  background: rgba(20, 14, 10, 0.35);
}

.lux .btn-on-media:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: #140e0a;
}

.lux .btn-on-media.is-solid {
  background: rgba(212, 175, 120, 0.92);
  color: #140e0a;
  border-color: transparent;
}

.lux .btn-on-media.is-solid:hover {
  background: #e2c08a;
}

.lux .scroll-hint {
  color: rgba(247, 241, 232, 0.5);
}

.lux .scroll-hint__line {
  background: linear-gradient(to bottom, var(--gold), transparent);
}

.lux .hero-scrub__veil--soft {
  background:
    linear-gradient(180deg, rgba(20, 14, 10, 0.28) 0%, transparent 24%, transparent 76%, rgba(20, 14, 10, 0.55) 100%);
}

.lux .variant-b .hero-scrub__veil,
.lux.variant-b .hero-scrub__veil {
  background:
    linear-gradient(180deg, rgba(20, 14, 10, 0.28) 0%, transparent 24%, transparent 76%, rgba(20, 14, 10, 0.55) 100%);
}

/* —— Sections —— */
.lux .section-label {
  color: var(--gold);
}

.lux .section-title {
  font-family: var(--font-display);
}

.lux .story__media {
  border-radius: 18px;
  overflow: hidden;
  background: var(--bg-elevated);
}

.lux .story__meta {
  border-top-color: var(--line);
}

.lux .perfume-card__media {
  border-radius: 16px;
  background: linear-gradient(160deg, #241910, #120d0a 70%);
}

.lux .perfume-card__mark {
  filter: invert(1) sepia(0.4) saturate(1.5) hue-rotate(5deg);
  opacity: 0.7;
}

.lux .perfume-card__family,
.lux .perfume-card__price {
  color: var(--gold-soft);
}

.lux .ritual {
  background:
    radial-gradient(ellipse at top, rgba(212, 175, 120, 0.08), transparent 55%),
    var(--bg);
  border-block-color: var(--line);
}

.lux .ritual-num {
  color: var(--gold);
}

.lux .btn-primary {
  background: var(--gold);
  color: #140e0a;
  border-radius: 999px;
}

.lux .btn-primary:hover {
  background: #e2c08a;
}

.lux .btn-ghost {
  border-radius: 999px;
  border-color: var(--line);
}

.lux .btn-ghost:hover {
  border-color: var(--gold);
  color: var(--gold);
}

.lux .cta-band__veil {
  background: linear-gradient(180deg, rgba(20, 14, 10, 0.55), rgba(20, 14, 10, 0.82));
}

.lux .site-footer {
  border-top-color: var(--line);
}

.lux .site-footer__brand img {
  filter: invert(1) sepia(0.35) saturate(1.3) hue-rotate(5deg);
}

.lux .modal__panel {
  background: var(--bg-elevated);
  border-color: var(--line);
  border-radius: 18px;
  overflow: hidden;
}

.lux .modal__family {
  color: var(--gold);
}

.lux .modal__close {
  border-radius: 999px;
  border-color: var(--line);
}

.lux .modal__body img {
  filter: invert(1) sepia(0.35) saturate(1.3) hue-rotate(5deg) !important;
}