/* ────────────────────────────────────────────────────────────────────────── */
/* PRELOADER - LUXURY ANIMATED */
/* ────────────────────────────────────────────────────────────────────────── */
/* ── DESIGN TOKENS are centralized in design-tokens.css ─────── */
.preloader{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(ellipse 50% 40% at 50% 50%, var(--gold-dim) 0%, transparent 50%),
    var(--ink);
  transition:opacity .6s var(--ease), visibility .6s var(--ease);
}
.preloader.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.preloader-logo{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:36px;
}
.preloader-logo svg{
  width:36px;
  height:36px;
  fill:var(--gold);
  filter:drop-shadow(0 0 12px rgba(202,138,4,.4));
}
.preloader-logo span{
  font-size:18px;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--white);
}
.preloader-logo span em{
  color:var(--gold);
  font-style:normal;
}
.preloader-spinner{
  position:relative;
  width:52px;
  height:52px;
}
.preloader-spinner::before,
.preloader-spinner::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
}
.preloader-spinner::before{
  border:2px solid transparent;
  border-top-color:var(--gold);
  animation:preloaderSpin 1s linear infinite;
}
.preloader-spinner::after{
  border:2px solid transparent;
  border-top-color:var(--gold-2);
  animation:preloaderSpin .7s linear infinite;
  animation-direction:reverse;
}
@keyframes preloaderSpin{
  to{transform:rotate(360deg)}
}
.preloader-text{
  margin-top:24px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--text-muted);
}

/* ────────────────────────────────────────────────────────────────────────── */
/* MOBILE */
/* ────────────────────────────────────────────────────────────────────────── */
@media (max-width: 480px){
  .preloader-logo{
    flex-direction:column;
    gap:10px;
    margin-bottom:28px;
  }
  .preloader-logo svg{
    width:30px;
    height:30px;
  }
  .preloader-logo img{
    max-height:30px !important;
  }
  .preloader-logo span{
    font-size:14px;
    letter-spacing:.18em;
    text-align:center;
  }
  .preloader-spinner{
    width:40px;
    height:40px;
  }
  .preloader-text{
    margin-top:18px;
    font-size:10px;
    letter-spacing:.16em;
  }
}

/* ────────────────────────────────────────────────────────────────────────── */
/* REDUCED MOTION */
/* ────────────────────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  .preloader-spinner::before,
  .preloader-spinner::after{
    animation:none;
  }
  .preloader.hidden{
    display:none;
  }
}