/* OTK landing color override — match platform palette (orange + lighter navy/purple gradient) */
:root {
  --sand: #FFFFFF !important;
  --sand-deep: #F5F5F5 !important;
  --paper: #FFFFFF !important;
  --navy: #2D3F7A !important;
  --navy-deep: #1C2B5E !important;
  --terracotta: #F57C00 !important;
  --terracotta-warm: #FF9933 !important;
  --mist: #009688 !important;
  --gold: #6C5CE7 !important;
  --ink: #FFFFFF !important;
  --ink-soft: #E5E7EB !important;
}
html, body {
  background: linear-gradient(135deg, #1C2B5E 0%, #2D3F7A 40%, #6C5CE7 100%) !important;
  color: #FFFFFF !important;
}
body::before { display: none !important; }
section, main, header, footer { background: transparent !important; }

/* Buttons orange */
.btn-coral, [class*="btn-coral"] {
  background: linear-gradient(135deg, #F57C00 0%, #FF9933 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 24px rgba(245, 124, 0, 0.32) !important;
  border: none !important;
}
.btn-secondary, [class*="btn-secondary"] {
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,0.4) !important;
  background: transparent !important;
}
/* Headlines bold sans-serif white */
h1, h2, h3, .font-display, [class*="font-display"] {
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
}
/* Italic accents → orange */
em, .italic { color: #F57C00 !important; font-style: italic !important; }
p, span, li, div { color: #FFFFFF !important; }
.text-ink, .text-navy, .text-ink-soft { color: #FFFFFF !important; }
/* Cards on the page need readable contrast — solid dark-navy on the dark page works on every browser (incl. mobile WebView without backdrop-filter support) */
[class*="bg-paper"], [class*="bg-sand"], [class*="bg-white"], [class*="bg-cream"],
.bg-paper, .bg-sand, .bg-white, .bg-cream,
section[class*="bg-paper"], section[class*="bg-sand"], section[class*="bg-white"],
div[class*="bg-paper"], div[class*="bg-sand"], div[class*="bg-white"], div[class*="bg-cream"] {
  background: #2D3F7A !important;
  background-color: #2D3F7A !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25) !important;
}

/* Make sure all text inside any card stays white + readable */
[class*="bg-paper"] *, [class*="bg-sand"] *, [class*="bg-white"] *, [class*="bg-cream"] *,
.bg-paper *, .bg-sand *, .bg-white *, .bg-cream * {
  color: #FFFFFF !important;
}
[class*="bg-paper"] em, [class*="bg-sand"] em, [class*="bg-white"] em, [class*="bg-cream"] em,
[class*="bg-paper"] .italic, [class*="bg-sand"] .italic, [class*="bg-white"] .italic, [class*="bg-cream"] .italic {
  color: #FF9933 !important;
}