/* ==========================================================================
   STYLES-7.CSS - NEADOO STUDIO LIGHT EDITORIAL (VARIANT 7)
   ACCENT COLOR: #7C32FF & CLEAN LIGHT (#F8F6FC)
   ========================================================================== */

body[data-variant="7"] {
  background-color: #F8F6FC !important;
  color: #14101F !important;
  font-family: 'Inter', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

body[data-variant="7"] main, 
body[data-variant="7"] section:not(#side-drawer *) {
  background-color: #F8F6FC !important;
  color: #14101F !important;
}

body[data-variant="7"] .bg-[#14101F],
body[data-variant="7"] .bg-[#0E1726],
body[data-variant="7"] .bg-[#120B24],
body[data-variant="7"] .bg-[#0D1C26],
body[data-variant="7"] .bg-[#170E2B],
body[data-variant="7"] .step-card {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(124, 50, 255, 0.2) !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05) !important;
  color: #14101F !important;
}

body[data-variant="7"] [class*="border-white"],
body[data-variant="7"] [class*="border-outline"] {
  border-color: rgba(124, 50, 255, 0.2) !important;
}

body[data-variant="7"] header {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(124, 50, 255, 0.2) !important;
}

body[data-variant="7"] header a,
body[data-variant="7"] header button {
  color: #14101F !important;
}