:root {
  --donatable-brand-color-base: #28445c;
  --donatable-brand-color-50: #f4f8fa;
  --donatable-brand-color-100: #d8e4ee;
  --donatable-brand-color-200: #b1c9dd;
  --donatable-brand-color-300: #7fa6c7;
  --donatable-brand-color-400: #4d83b2;
  --donatable-brand-color-500: #396184;
  --donatable-brand-color-600: #315472;
  --donatable-brand-color-700: #28445c;
  --donatable-brand-color-800: #223a4e;
  --donatable-brand-color-900: #1d3244;
  --donatable-brand-color-950: #0f1a24;
  --deprecated-brand-color-lighter: rgba(40, 68, 92, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(40, 68, 92, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(40, 68, 92, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(40, 68, 92, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(40, 68, 92, 0.4);
  --deprecated-brand-color-darker-hover: #192a38;
  --deprecated-brand-color-darker: #090f15;
  --deprecated-brand-color-text: #ffffff;
  --deprecated-brand-color-text-darker: #b3b3b3;
  --deprecated-brand-color-on-white: #28445c;
  --deprecated-brand-color-original: #28445c;
  --deprecated-brand-color-links: #28445c;
  --deprecated-brand-color-links-darker: #090f15;
}