:root {
  --ww-primary: #593196;
  --ww-primary-dark: #472778;
  --ww-primary-rgb: 89, 49, 150;
  --ww-secondary: #a991d4;
  --ww-surface: #fdfbf9;
  --ww-surface-elevated: #ffffff;
  --ww-text: #212529;
  --ww-text-muted: #5a4a6e;
  --ww-needs-foster-bg: #c62828;
  --ww-adopted-badge-bg: #084a22;
  --ww-shadow: rgba(89, 49, 150, 0.12);
  --ww-shadow-hover: rgba(89, 49, 150, 0.2);
  --ww-radius: 0.75rem;
  --ww-radius-lg: 1rem;
  --ww-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ww-font-heading: "Nunito", var(--bs-font-sans-serif);
  --ww-font-body: "Source Sans 3", var(--bs-font-sans-serif);
}

body {
  font-family: var(--ww-font-body);
  font-size: 1.0625rem;
  background-color: var(--ww-surface);
  color: var(--ww-text);
}

body:not(.arial-content) h1, body:not(.arial-content) h2, body:not(.arial-content) h3, body:not(.arial-content) h4, body:not(.arial-content) h5, body:not(.arial-content) h6, body:not(.arial-content) .h1, body:not(.arial-content) .h2, body:not(.arial-content) .h3 {
  font-family: var(--ww-font-heading);
}

.arial-content, .arial-content * {
  font-family: Arial, sans-serif !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}