:root {
  --donatable-brand-color-base: #3376b7;
  --donatable-brand-color-50: #f3f7fc;
  --donatable-brand-color-100: #d3e3f3;
  --donatable-brand-color-200: #a7c7e7;
  --donatable-brand-color-300: #6fa4d7;
  --donatable-brand-color-400: #3881c7;
  --donatable-brand-color-500: #295f94;
  --donatable-brand-color-600: #245280;
  --donatable-brand-color-700: #1d4368;
  --donatable-brand-color-800: #183958;
  --donatable-brand-color-900: #15314c;
  --donatable-brand-color-950: #0b1a28;
  --deprecated-brand-color-lighter: rgba(51, 118, 183, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(51, 118, 183, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(51, 118, 183, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(51, 118, 183, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(51, 118, 183, 0.4);
  --deprecated-brand-color-darker-hover: #285c8f;
  --deprecated-brand-color-darker: #1d4367;
  --deprecated-brand-color-text: #ffffff;
  --deprecated-brand-color-text-darker: #b3b3b3;
  --deprecated-brand-color-on-white: #3376b7;
  --deprecated-brand-color-original: #3376b7;
  --deprecated-brand-color-links: #3376b7;
  --deprecated-brand-color-links-darker: #1d4367;
}