:root {
  --donatable-brand-color-base: #506bb1;
  --donatable-brand-color-50: #f4f6fa;
  --donatable-brand-color-100: #d8deee;
  --donatable-brand-color-200: #b1bddd;
  --donatable-brand-color-300: #8094c7;
  --donatable-brand-color-400: #4e6ab1;
  --donatable-brand-color-500: #3a4e83;
  --donatable-brand-color-600: #324471;
  --donatable-brand-color-700: #29375c;
  --donatable-brand-color-800: #222f4e;
  --donatable-brand-color-900: #1e2843;
  --donatable-brand-color-950: #101523;
  --deprecated-brand-color-lighter: rgba(80, 107, 177, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(80, 107, 177, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(80, 107, 177, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(80, 107, 177, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(80, 107, 177, 0.4);
  --deprecated-brand-color-darker-hover: #40558e;
  --deprecated-brand-color-darker: #30406b;
  --deprecated-brand-color-text: #202b48;
  --deprecated-brand-color-text-darker: #000000;
  --deprecated-brand-color-on-white: #506bb1;
  --deprecated-brand-color-original: #506bb1;
  --deprecated-brand-color-links: #506bb1;
  --deprecated-brand-color-links-darker: #30406b;
}