:root {
  --donatable-brand-color-base: #328fa0;
  --donatable-brand-color-50: #f3fafb;
  --donatable-brand-color-100: #d4edf2;
  --donatable-brand-color-200: #a9dbe4;
  --donatable-brand-color-300: #73c5d3;
  --donatable-brand-color-400: #3caec3;
  --donatable-brand-color-500: #2d8190;
  --donatable-brand-color-600: #276f7d;
  --donatable-brand-color-700: #1f5b65;
  --donatable-brand-color-800: #1b4d56;
  --donatable-brand-color-900: #17424a;
  --donatable-brand-color-950: #0c2327;
  --deprecated-brand-color-lighter: rgba(50, 143, 160, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(50, 143, 160, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(50, 143, 160, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(50, 143, 160, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(50, 143, 160, 0.4);
  --deprecated-brand-color-darker-hover: #266c79;
  --deprecated-brand-color-darker: #1a4a52;
  --deprecated-brand-color-text: #ffffff;
  --deprecated-brand-color-text-darker: #b3b3b3;
  --deprecated-brand-color-on-white: #328fa0;
  --deprecated-brand-color-original: #328fa0;
  --deprecated-brand-color-links: #328fa0;
  --deprecated-brand-color-links-darker: #1a4a52;
}