:root {
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
  --primary: 222.2 47.4% 11.2%;
  --primary-foreground: 210 40% 98%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 210 40% 96.1%;
  --accent-foreground: 222.2 47.4% 11.2%;
  --input: 214.3 31.8% 91.4%;
  --border: 214.3 31.8% 91.4%;
  --ring: 222.2 84% 4.9%;
}
.dark, [class*="bg-slate-950"], [class*="bg-gray-950"], [class*="bg-zinc-950"], [class*="bg-neutral-950"] {
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
  --card: 217.2 32.6% 17.5%;
  --card-foreground: 210 40% 98%;
  --primary: 210 40% 98%;
  --primary-foreground: 222.2 47.4% 11.2%;
  /* EC-NAV-139: Light ink over dark heroes; unlike --primary-foreground in .dark (dark ink for buttons). */
  --wpconvert-transparent-nav-ink: 210 40% 98%;
  --muted: 217.2 32.6% 17.5%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 217.2 32.6% 17.5%;
  --accent-foreground: 210 40% 98%;
  --input: 217.2 32.6% 17.5%;
  --border: 217.2 32.6% 17.5%;
  --ring: 212.7 26.8% 83.9%;
}
/* EC-FAQ-DARK-001: FAQ answers keep light-theme text-slate-* utilities on dark pages (html.dark). */
html.dark [data-wp-faq-answer="true"] p.text-slate-300,
html.dark [data-wp-faq-answer="true"] p.text-slate-400,
html.dark [data-wp-faq-answer="true"] p.text-slate-500,
html.dark [data-wp-faq-answer="true"] .text-slate-400,
html.dark [data-wp-faq-answer="true"] .text-slate-500 {
  color: rgba(255, 255, 255, 0.74) !important;
}