/*
 * Every visual constant on the sponsor pages. Each page links this file
 * first; images/style.css, page1.css, page2.css, page3.css, and
 * responsive.css read only these. Values are legacy's (its images/*.css
 * and the pages' inline styles), so the pages render as legacy's did.
 */
:root {
  /* Colors (legacy images/style.css :root, plus the email dialog's error red) */
  --black: #000000;
  --black2: #231F20;
  --blue: #2E4B6E;
  --blue2: #005CB9;
  --white: #ffffff;
  --white2: #F0F0F0;
  --orange: #DB841E;
  --grey: #7B868C;
  --red: #ff0000;
  --color-clear: rgba(0, 0, 0, 0);

  /* The email dialog (legacy's fancybox 2.1.5: its overlay image's color and opacity, its box and text) */
  --color-modal-overlay: rgba(16, 12, 12, 0.69);
  --color-modal-box: #f9f9f9;
  --color-modal-text: #444444;
  --shadow-modal: 0 10px 25px rgba(0, 0, 0, 0.5);

  /* Type (Adobe Fonts kit ide8irc) */
  --font-proxima: "proxima-nova", sans-serif;

  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-38: 38px;

  /* Borders and radii */
  --border-1: 1px;
  --radius-4: 4px;
  --radius-20: 20px;

  /* Widths and heights */
  --size-1: 1px;
  --size-5: 5px;
  --size-8: 8px;
  --size-20: 20px;
  --size-30: 30px;
  --size-40: 40px;
  --size-76: 76px;
  --size-106: 106px;
  --size-146: 146px;
  --size-186: 186px;
  --size-246: 246px;
  --size-597: 597px;
  --size-1715: 1715px;

  /* Spacing: padding, margins, offsets */
  --space-4: 4px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-19: 19px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-23: 23px;
  --space-25: 25px;
  --space-26: 26px;
  --space-27: 27px;
  --space-30: 30px;
  --space-31: 31px;
  --space-32: 32px;
  --space-36: 36px;
  --space-37: 37px;
  --space-40: 40px;
  --space-43: 43px;
  --space-45: 45px;
  --space-46: 46px;
  --space-50: 50px;
  --space-51: 51px;
  --space-56: 56px;
  --space-57: 57px;
  --space-58: 58px;
  --space-59: 59px;
  --space-60: 60px;
  --space-63: 63px;
  --space-65: 65px;
  --space-76: 76px;
  --space-80: 80px;
  --space-90: 90px;
  --space-98: 98px;
  --space-100: 100px;
  --space-103: 103px;
  --space-106: 106px;
  --space-109: 109px;
  --space-126: 126px;
  --space-131: 131px;
  --space-158: 158px;
  --space-252: 252px;

  /* Transitions */
  --transition-all-3: all 0.3s;
  --transition-5: 0.5s;
}
