/*
 * Fix for html2canvas failing to parse Tabler's `color-mix(...)` colors.
 * We override the few Tabler CSS variables that are defined via `color-mix`
 * so the capture renderer receives plain rgba() values.
 */
:root {
  /* color-mix(in srgb, var(--tblr-gray-800) 11.9%, transparent) */
  --tblr-border-color-translucent: rgba(31, 41, 55, 0.12);

  /* color-mix(in srgb, var(--tblr-primary) 25%, transparent) */
  --tblr-focus-ring-color: rgba(6, 111, 209, 0.25);
}

body[data-bs-theme="dark"],
body[data-theme="dark"] {
  /* Tabler dark override is already rgba(..., 0.2); keep it explicit. */
  --tblr-border-color-translucent: rgba(128, 150, 172, 0.2);
  --tblr-focus-ring-color: rgba(6, 111, 209, 0.25);
}