/* ==========================================================================
   STYLES-6.CSS - KUSTOMER SAAS PLATFORM STYLE (VARIANT 6)
   ACCENT COLOR: ROYAL SAPPHIRE BLUE (#2563EB) & CLEAN LIGHT (#F8FAFC)
   ========================================================================== */

body[data-variant="6"] {
  background-color: #F8FAFC !important;
  color: #0F172A !important;
  font-family: 'Inter', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

body[data-variant="6"] main, 
body[data-variant="6"] section:not(#side-drawer *) {
  background-color: #F8FAFC !important;
  color: #0F172A !important;
}

body[data-variant="6"] .bg-[#14101F],
body[data-variant="6"] .bg-[#161024],
body[data-variant="6"] .bg-[#1A1428],
body[data-variant="6"] .bg-[#0D0917],
body[data-variant="6"] .step-card {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(37, 99, 235, 0.25) !important;
  box-shadow: 0 10px 30px -5px rgba(37, 99, 235, 0.08) !important;
  color: #0F172A !important;
}

body[data-variant="6"] [class*="border-white"],
body[data-variant="6"] [class*="border-outline"] {
  border-color: rgba(37, 99, 235, 0.25) !important;
}

body[data-variant="6"] .text-primary,
body[data-variant="6"] .text-[#7C32FF],
body[data-variant="6"] .text-purple-400 {
  color: #2563EB !important;
}

body[data-variant="6"] .bg-primary,
body[data-variant="6"] .bg-[#7C32FF] {
  background-color: #2563EB !important;
}

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

body[data-variant="6"] header a,
body[data-variant="6"] header button {
  color: #0F172A !important;
}