/*
 * 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 (public/style.css, templates/header.php, templates/footer.php, and
 * the pages' inline styles), so the pages render as legacy's did.
 */
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-navy: #1d4484;
  --color-label-navy: #1d4584;
  --color-button: #004b80;
  --color-gray-box: #696a6c;

  --font-family-body: arial, sans-serif;
  --font-family-heading: "Museo", Helvetica, sans-serif;
  --font-family-din: "DIN Next LT W04 Condensed", sans-serif;

  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-08em: 0.8em;
  --font-size-09em: 0.9em;
  --font-size-15em: 1.5em;
  --font-weight-bold: 700;

  --line-height-21: 21px;
  --line-height-24: 24px;
  --line-height-30: 30px;
  --line-height-15: 1.5;

  --space-0: 0;
  --space-1: 1px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
  --space-32: 32px;
  --space-5pct: 5%;
  --space-neg-100pct: -100%;
  --space-25pct: 25%;
  --space-40pct: 40%;

  --size-40: 40px;
  --size-44: 44px;
  --size-50: 50px;
  --size-150: 150px;
  --size-200: 200px;
  --size-224: 224px;
  --size-264: 264px;
  --size-600: 600px;
  --size-50pct: 50%;
  --size-90pct: 90%;
  --size-100pct: 100%;

  --radius-8: 8px;

  --z-banner: 20;
  --z-skip: 9999;
}