:root {
  --donatable-brand-color-base: #445c7c;
  --donatable-brand-color-50: #f5f7fa;
  --donatable-brand-color-100: #dbe2eb;
  --donatable-brand-color-200: #b7c5d7;
  --donatable-brand-color-300: #889fbe;
  --donatable-brand-color-400: #5a7aa5;
  --donatable-brand-color-500: #435a7a;
  --donatable-brand-color-600: #3a4e69;
  --donatable-brand-color-700: #2f4056;
  --donatable-brand-color-800: #283648;
  --donatable-brand-color-900: #222e3f;
  --donatable-brand-color-950: #121821;
  --deprecated-brand-color-lighter: rgba(68, 92, 124, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(68, 92, 124, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(68, 92, 124, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(68, 92, 124, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(68, 92, 124, 0.4);
  --deprecated-brand-color-darker-hover: #32445b;
  --deprecated-brand-color-darker: #202b3a;
  --deprecated-brand-color-text: #ffffff;
  --deprecated-brand-color-text-darker: #b3b3b3;
  --deprecated-brand-color-on-white: #445c7c;
  --deprecated-brand-color-original: #445c7c;
  --deprecated-brand-color-links: #445c7c;
  --deprecated-brand-color-links-darker: #202b3a;
}