/* Every visual constant of the member site. Values match the legacy site exactly. */
:root {
  /* Colors */
  --color-alert-button: #aedef4;
  --color-alert-button-active: #96bfd2;
  --color-alert-button-hover: #a7d5ea;
  --color-alert-overlay: rgba(0, 0, 0, 0.4);
  --color-alert-text: #797979;
  --color-alert-title: #575757;
  --color-banner-bg: #ededed;
  --color-black: #000000;
  --color-brand: #005f85;
  --color-brand-hover: #048ec5;
  --color-form-section-bg: #dae4ee;
  --color-header-bg: #f2f2f2;
  --color-heading-grey: #666666;
  --color-text: #000000;
  --color-text-muted: #707070;
  --color-transparent: rgba(0, 0, 0, 0);
  --color-white: #ffffff;

  /* Font sizes */
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-25: 25px;
  --font-size-30: 30px;
  --font-size-35: 35px;

  /* Spacing */
  --space-3: 3px;
  --space-5: 5px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-17: 17px;
  --space-18: 18px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-25: 25px;
  --space-26: 26px;
  --space-30: 30px;
  --space-32: 32px;
  --space-33: 33px;
  --space-35: 35px;
  --space-36: 36px;
  --space-37: 37px;
  --space-38: 38px;
  --space-40: 40px;
  --space-41: 41px;
  --space-42: 42px;
  --space-45: 45px;
  --space-46: 46px;
  --space-50: 50px;
  --space-51: 51px;
  --space-52: 52px;
  --space-55: 55px;
  --space-60: 60px;
  --space-62: 62px;
  --space-63: 63px;
  --space-65: 65px;
  --space-70: 70px;
  --space-75: 75px;
  --space-78: 78px;
  --space-80: 80px;
  --space-85: 85px;
  --space-88: 88px;
  --space-95: 95px;
  --space-100: 100px;
  --space-105: 105px;
  --space-120: 120px;
  --space-130: 130px;
  --space-140: 140px;
  --space-150: 150px;
  --space-170: 170px;
  --space-200: 200px;
  --space-256: 256px;

  /* Radii */
  --radius-alert: 5px;
  --radius-none: 0px;

  /* Shadows */
  --shadow-banner-fade: 0 0px 50px 50px var(--color-banner-bg);
  --shadow-banner-fade-mobile: 0 0px 31px 37px var(--color-banner-bg);

  /* Transitions and animation timing */
  --transition-fast: 0.2s;
  --transition-medium: 0.3s;
  --transition-scroll-hint: 1.2s;
  --transition-scroll-hint-delay: 0.1s;
  --transition-slow: 0.5s;
}