:root {
  --donatable-brand-color-base: #327a9c;
  --donatable-brand-color-50: #f3f9fb;
  --donatable-brand-color-100: #d5e8f1;
  --donatable-brand-color-200: #aad1e4;
  --donatable-brand-color-300: #74b4d2;
  --donatable-brand-color-400: #3e97c1;
  --donatable-brand-color-500: #2e708e;
  --donatable-brand-color-600: #28617b;
  --donatable-brand-color-700: #204f64;
  --donatable-brand-color-800: #1b4355;
  --donatable-brand-color-900: #183949;
  --donatable-brand-color-950: #0c1e27;
  --deprecated-brand-color-lighter: rgba(50, 122, 156, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(50, 122, 156, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(50, 122, 156, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(50, 122, 156, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(50, 122, 156, 0.4);
  --deprecated-brand-color-darker-hover: #265c75;
  --deprecated-brand-color-darker: #193e4f;
  --deprecated-brand-color-text: #ffffff;
  --deprecated-brand-color-text-darker: #b3b3b3;
  --deprecated-brand-color-on-white: #327a9c;
  --deprecated-brand-color-original: #327a9c;
  --deprecated-brand-color-links: #327a9c;
  --deprecated-brand-color-links-darker: #193e4f;
}