:root {
  /* Colors */
  --color-table-border: #dddddd;
  --color-table-header: #0067ab;
  --color-table-alt-row: #dddddd;
  --color-text-dark: #333;
  --color-text-medium: #555;
  --color-text-light: #ffffff;
  --color-border-light: #ccc;
  --color-error: red;
  --color-brand-blue: #0067ab;
  --color-info-blue: #007bff;

  
  /* Fluid typography font sizing from Utopia Calculator */
  /* @link https://utopia.fyi/type/calculator?c=320,14,1.125,2520,20,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --step--2: clamp(0.6914rem, 0.6657rem + 0.1285vw, 0.8681rem);
  --step--1: clamp(0.7778rem, 0.7394rem + 0.1919vw, 1.0417rem);
  --step-0: clamp(0.875rem, 0.8205rem + 0.2727vw, 1.25rem);
  --step-1: clamp(0.9844rem, 0.9094rem + 0.375vw, 1.5rem);
  --step-2: clamp(1.1074rem, 1.0067rem + 0.5037vw, 1.8rem);
  --step-3: clamp(1.2458rem, 1.1129rem + 0.6648vw, 2.16rem);
  --step-4: clamp(1.4016rem, 1.2284rem + 0.8658vw, 2.592rem);
  --step-5: clamp(1.5768rem, 1.3537rem + 1.1154vw, 3.1104rem);
  
}

/* Set 1rem to 16px explicitly, since bootstrap changes it to 10px */
html { font-size: 16px; }