:root {
  --teal: #005F5F;
  --teal-hover: #004747;
  --link-hover: #004444;
  --black: #000;
  --black-hover: #333;
  --yellow: #E6F948;
  --error: #C4161C;

  --card: #F5F5F5;
  --btn2: #F0F0F0;
  --btn2-hover: #E6E6E6;
  --chip: #E8E8E8;
  --undecided: #E1E1E1;
  --canvas: #EDEDED;
  --placeholder: #E4E4E4;

  --line: #EBEBEB;
  --input: #8A8A8A;
  --light: #D9D9D9;
  --bar: #CFCFCF;

  --t2: #333;
  --t3: #555;
  --t4: #777;

  --shadow-pop: 0 8px 32px rgba(0, 0, 0, .16);
  --shadow-pin: 0 2px 6px rgba(0, 0, 0, .18);
  --scrim: rgba(0, 0, 0, .4);
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: 'Instrument Sans', sans-serif; color: #000; background: #fff; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font-family: inherit; font-size: inherit; color: inherit; }
a { color: var(--teal); }
a:hover { color: var(--link-hover); }
img { display: block; }
:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
input:focus-visible, textarea:focus-visible, select:focus-visible { outline: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }