Custom styling

:root {
  --morapay-error-critical: #ef4444;
  --morapay-error-warning: #f59e0b;
  --morapay-error-info: #3b82f6;
  --morapay-error-radius: 12px;
  --morapay-error-font: inherit;
}

<MorapayErrorView
  error={error}
  className="mt-4 rounded-xl border border-zinc-200"
  theme="light"
/>

MorapayUi.toast(err, {
  durationMs: 8000,
  position: "bottom-center",
  onAction: () => router.refresh(),
});

MorapayCheckout.openModal({
  mode: "payment-link",
  publicCode: "abc123",
  theme: "velvet-obsidian",
  accentColor: "#6366F1",
  borderRadius: "lg",
  fontScale: "default",
});