/* Custom Serif & Sans Font Integrations */
.font-serifLuxury {
  font-family: 'Cormorant Garamond', serif;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #0A0A0A;
}

/* Luxurious Smooth Scrollbar */
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: #0A0A0A;
}
::-webkit-scrollbar-thumb {
  background: #1C1C24;
  border-radius: 6px;
  border: 1px solid rgba(255, 158, 64, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background: #D13438;
}

/* Glassmorphic Cards with glowing boundaries */
.ignite-glow-card {
  position: relative;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

.ignite-glow-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 1.5px; /* Premium pixel boundary */
  background: linear-gradient(
    135deg,
    rgba(255, 158, 64, 0.15) 0%,
    rgba(209, 52, 56, 0.08) 50%,
    rgba(10, 10, 10, 0) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.ignite-glow-card:hover::before {
  background: linear-gradient(
    135deg,
    rgba(255, 158, 64, 0.55) 0%,
    rgba(209, 52, 56, 0.35) 45%,
    rgba(229, 196, 148, 0.15) 100%
  );
}

.ignite-glow-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 60px -10px rgba(209, 52, 56, 0.12),
              0 0 30px -4px rgba(255, 158, 64, 0.1);
}

/* Reduced Motion Optimization */
@media (prefers-reduced-motion: reduce) {
  #ignite-ember-canvas {
    display: none !important;
  }
  .ignite-glow-card {
    transition: none !important;
    transform: none !important;
  }
}