:root {
  --donatable-brand-color-base: #488c96;
  --donatable-brand-color-50: #f5f9fa;
  --donatable-brand-color-100: #d9eaed;
  --donatable-brand-color-200: #b3d6db;
  --donatable-brand-color-300: #83bbc3;
  --donatable-brand-color-400: #53a1ac;
  --donatable-brand-color-500: #3d7780;
  --donatable-brand-color-600: #35676e;
  --donatable-brand-color-700: #2b545a;
  --donatable-brand-color-800: #24474c;
  --donatable-brand-color-900: #1f3d41;
  --donatable-brand-color-950: #112022;
  --deprecated-brand-color-lighter: rgba(72, 140, 150, 0.15);
  --deprecated-donatable-brand-color-lighter-5: rgba(72, 140, 150, 0.05);
  --deprecated-donatable-brand-color-lighter-10: rgba(72, 140, 150, 0.1);
  --deprecated-donatable-brand-color-lighter-4: rgba(72, 140, 150, 0.04);
  --deprecated-brand-color-lighter-hover: rgba(72, 140, 150, 0.4);
  --deprecated-brand-color-darker-hover: #376c74;
  --deprecated-brand-color-darker: #274c51;
  --deprecated-brand-color-text: #ffffff;
  --deprecated-brand-color-text-darker: #b3b3b3;
  --deprecated-brand-color-on-white: #488c96;
  --deprecated-brand-color-original: #488c96;
  --deprecated-brand-color-links: #488c96;
  --deprecated-brand-color-links-darker: #274c51;
}