/* ==========================================================================
   STYLES-10.CSS - LAUNCHDARKLY FLAGS LIGHT (VARIANT 10)
   ACCENT COLOR: #059669 & CLEAN LIGHT (#F0FDF4)
   ========================================================================== */

body[data-variant="10"] {
  background-color: #F0FDF4 !important;
  color: #064E3B !important;
  font-family: 'Inter', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

body[data-variant="10"] main, 
body[data-variant="10"] section:not(#side-drawer *) {
  background-color: #F0FDF4 !important;
  color: #064E3B !important;
}

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

body[data-variant="10"] [class*="border-white"],
body[data-variant="10"] [class*="border-outline"] {
  border-color: rgba(5, 150, 105, 0.2) !important;
}

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

body[data-variant="10"] header a,
body[data-variant="10"] header button {
  color: #064E3B !important;
}