/*
 * Every visual constant on the participant pages. Each page links this file
 * first; style.css and site.css read only these. Values are the legacy
 * site's (style.css, templates/header.php, templates/footer.php, and the
 * pages' inline styles).
 */
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #ff0000;
  --color-well: #e4e3e0;
  --color-blue: #005fd3;
  --color-navy: #1c3d7a;
  --color-link-blue: #0b3d91;
  --color-teal: #145a7b;
  --color-teal-dark: #004162;
  --color-brick: #b82f2c;
  --color-orange: #ffa500;
  --color-rust: #d43900;
  --color-focus: #ffbf47;
  --color-text: #333333;
  --color-text-soft: #444444;
  --color-gray-total: #53565a;
  --color-gray-555: #555555;
  --color-gray-3b: #3b3b3b;
  --color-gray-6e: #6e6e6e;
  --color-gray-8c: #8c8c8c;
  --color-gray-e5: #e5e5e5;
  --color-shadow-25: rgba(51, 51, 51, 0.25);

  --font-family-voya: "Proxima Nova Regular", Arial, sans-serif;
  --font-family-plain: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-30: 30px;
  --font-size-09em: 0.9em;
  --font-size-1em: 1em;
  --font-weight-semibold: 600;
  --line-height-14: 14px;
  --line-height-35: 35px;

  --space-0: 0;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
  --space-35: 35px;
  --space-40: 40px;
  --space-neg-1: -1px;
  --space-neg-5: -5px;
  --space-neg-9: -9px;
  --space-neg-15: -15px;
  --space-neg-40: -40px;

  --size-1: 1px;
  --size-16: 16px;
  --size-20: 20px;
  --size-35: 35px;
  --size-40: 40px;
  --size-50: 50px;
  --size-60: 60px;
  --size-100: 100px;
  --size-120: 120px;
  --size-200: 200px;
  --size-220: 220px;
  --size-250: 250px;
  --size-275: 275px;
  --size-300: 300px;
  --size-320: 320px;
  --size-550: 550px;
  --size-800: 800px;
  --size-850: 850px;

  --radius-2: 2px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-30: 30px;
  --radius-bubble: 0.4em;

  --border-1: 1px;
  --border-3: 3px;
  --border-15: 15px;

  --shadow-dropdown: 0 10px 45px -1px var(--color-shadow-25);

  --z-dropdown: 999;
  --z-skip: 9999;
}