/* ==========================================================================
   STYLES-5.CSS - GONG REVENUE INTELLIGENCE STYLE (VARIANT 5)
   ACCENT COLOR: GONG AMBER GOLD (#F59E0B) & MIDNIGHT PLUM (#0B0614)
   ========================================================================== */

body[data-variant="5"] {
  background-color: #0B0614 !important;
  color: #FFFBEB !important;
  font-family: 'Outfit', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

body[data-variant="5"] main, 
body[data-variant="5"] section:not(#side-drawer *) {
  background-color: #0B0614 !important;
  color: #FFFBEB !important;
  border-color: rgba(245, 158, 11, 0.15) !important;
}

/* Luxury Warm Amber-Plum Cards & Surfaces */
body[data-variant="5"] .bg-[#14101F],
body[data-variant="5"] .bg-[#161024],
body[data-variant="5"] .bg-[#1A1428],
body[data-variant="5"] .bg-[#0D0917],
body[data-variant="5"] .step-card {
  background-color: #160E28 !important;
  border: 1px solid rgba(245, 158, 11, 0.22) !important;
  box-shadow: 0 10px 30px -5px rgba(11, 6, 20, 0.6) !important;
  color: #FFFBEB !important;
}

body[data-variant="5"] .bg-white,
body[data-variant="5"] .bg-surface,
body[data-variant="5"] .bg-gray-50 {
  background-color: #140C24 !important;
  color: #FFFBEB !important;
  border-color: rgba(245, 158, 11, 0.2) !important;
}

/* All White & Outline Borders Replacement for Variant 5 */
body[data-variant="5"] [class*="border-white"],
body[data-variant="5"] [class*="border-outline"],
body[data-variant="5"] [class*="border-gray-"],
body[data-variant="5"] [class*="border-current"] {
  border-color: rgba(245, 158, 11, 0.2) !important;
}

/* Section Divider Lines */
body[data-variant="5"] section {
  border-bottom-color: rgba(245, 158, 11, 0.12) !important;
}

/* Icon & Badge Accent Protection */
body[data-variant="5"] .material-symbols-outlined {
  color: #FBBF24 !important;
}

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

body[data-variant="5"] .bg-primary,
body[data-variant="5"] .bg-[#7C32FF] {
  background-color: #F59E0B !important;
  color: #FFFFFF !important;
}