/* CONTRAST FIX v9 — cream marketing + readable app/Dashboard ink */
/* Set by index script: html[data-surface="marketing"|"app"] */

html[data-surface="marketing"],
html[data-surface="marketing"] body,
html[data-surface="marketing"] #root {
  background: #f7f3ea !important;
  background-color: #f7f3ea !important;
  color: #2c2620 !important;
}
html[data-surface="marketing"] body { min-height: 100vh !important; }

html[data-surface="marketing"] #root > div,
html[data-surface="marketing"] #root > div.min-h-screen,
html[data-surface="marketing"] #root .min-h-screen {
  background-color: #f7f3ea !important;
}
html[data-surface="marketing"] #root section {
  background-color: #f7f3ea !important;
  opacity: 1 !important;
  filter: none !important;
}
html[data-surface="marketing"] #root section[class*="bg-white"] {
  background-color: rgba(255,255,255,0.92) !important;
}
html[data-surface="marketing"] #root div.absolute.inset-0 {
  background-image: linear-gradient(to bottom, #f7f3ea, #f6f1e7, #f7f3ea) !important;
  background-color: #f7f3ea !important;
}
html[data-surface="marketing"] #root h1,
html[data-surface="marketing"] #root h2,
html[data-surface="marketing"] #root h3,
html[data-surface="marketing"] #root h4,
html[data-surface="marketing"] #root p,
html[data-surface="marketing"] #root li,
html[data-surface="marketing"] #root label {
  opacity: 1 !important;
  filter: none !important;
}
html[data-surface="marketing"] #root h1,
html[data-surface="marketing"] #root h2,
html[data-surface="marketing"] #root h3,
html[data-surface="marketing"] #root h4 {
  color: #2c2620 !important;
  text-shadow: none !important;
}
html[data-surface="marketing"] #root .glass-nav,
html[data-surface="marketing"] #root nav,
html[data-surface="marketing"] #root header {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-bottom: 1px solid rgba(120,100,70,0.14) !important;
}
html[data-surface="marketing"] #root [class*="blur-3xl"] {
  opacity: 0.35 !important;
}

/* App / Dashboard: dark ink on cream glass — kill leftover neon wash */
html[data-surface="app"] body,
html[data-surface="app"] #root {
  color: #2c2620 !important;
}
html[data-surface="app"] [data-dashboard-shell="1"] {
  color: #2c2620 !important;
}
html[data-surface="app"] [data-dashboard-shell="1"] .glass-sidebar,
html[data-surface="app"] [data-dashboard-shell="1"] .glass-panel,
html[data-surface="app"] [data-dashboard-shell="1"] .glass-nav {
  background: rgba(255,255,255,0.88) !important;
  border-color: rgba(120,100,70,0.22) !important;
}
html[data-surface="app"] [data-dashboard-shell="1"] h1,
html[data-surface="app"] [data-dashboard-shell="1"] h2,
html[data-surface="app"] [data-dashboard-shell="1"] h3,
html[data-surface="app"] [data-dashboard-shell="1"] h4,
html[data-surface="app"] [data-dashboard-shell="1"] p,
html[data-surface="app"] [data-dashboard-shell="1"] span,
html[data-surface="app"] [data-dashboard-shell="1"] a,
html[data-surface="app"] [data-dashboard-shell="1"] button,
html[data-surface="app"] [data-dashboard-shell="1"] li {
  text-shadow: none !important;
}


/* Dark luxury Client Portal — overrides cream lock on /dashboard */
html[data-surface="app"] body:has([data-portal-theme="dark-luxury"]),
html[data-surface="app"] [data-portal-theme="dark-luxury"] {
  background: #0A0A0C !important;
  background-color: #0A0A0C !important;
  color: #FFFFFF !important;
}
html[data-surface="app"] [data-portal-theme="dark-luxury"] * {
  text-shadow: none !important;
}