:root {
  --donatable-brand-color-base: #578197;
  --donatable-brand-color-50: #f5f8f9;
  --donatable-brand-color-100: #dbe5ea;
  --donatable-brand-color-200: #b8ccd6;
  --donatable-brand-color-300: #8babbc;
  --donatable-brand-color-400: #5d8aa2;
  --donatable-brand-color-500: #456678;
  --donatable-brand-color-600: #3c5868;
  --donatable-brand-color-700: #304854;
  --donatable-brand-color-800: #293d47;
  --donatable-brand-color-900: #23353d;
  --donatable-brand-color-950: #131c20;
  --deprecated-brand-color-lighter: rgba(87, 129, 151, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(87, 129, 151, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(87, 129, 151, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(87, 129, 151, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(87, 129, 151, 0.4);
  --deprecated-brand-color-darker-hover: #446577;
  --deprecated-brand-color-darker: #324a56;
  --deprecated-brand-color-text: #ffffff;
  --deprecated-brand-color-text-darker: #b3b3b3;
  --deprecated-brand-color-on-white: #578197;
  --deprecated-brand-color-original: #578197;
  --deprecated-brand-color-links: #578197;
  --deprecated-brand-color-links-darker: #324a56;
}