/* Black secondary text applies only to the light theme. */
html:not(.dark) {
  --muted: #000;
  --muted-foreground: #000;
  --btn-ghost-text: #000;
}

html:not(.dark) :is(main, [role="dialog"], .mobile-shell) :is(
  [class*="text-gray-"],
  [class*="text-slate-"],
  [class*="text-zinc-"],
  [class*="text-neutral-"]
) {
  color: #000;
}

html:not(.dark) :is(input, textarea)::placeholder {
  color: #000;
  opacity: 1;
}

/* Retain the original pale card background; only darken its outline. */
html:not(.dark) .pp-payment-details {
  --foreground: #000;
  color: #000;
  border-color: #000;
}