:root {
  --primary-color: #1cabe2;
  --primary-hover: #0e95ca;
  --regular-gray1: #333;
  --regular-gray2: #404040;
  --regular-gray3: #595959;
  --regular-gray4: #757575;
  --regular-gray5: #c1c1c1;
  --regular-gray6: #f1f1f1;
  --regular-gray7: #f8f8f8;
  --regular-gray8: #d8d8d8;
  --regular-gray9: #ced4da;
  --regular-gray10: #737373;
  --regular-gray11: #6C757D;
  --regular-accent-action: #e34e09;
  --regular-accent-action-hover: #c94304;
  --white: #fff;
  --black: #000;
  --primary-light: #c5effc;
  --blue1: #2159a8;
  --blue2: #1a4b8f;
  --regular-bkgd: #d3dbdf;
  --hc-color: #0f5c85;
  --hc-hover: #0c4462;
  --hc-color-secondary: #2159a5;
  --hc-regular-accent-action: #9c350d;
  --hc-regular-accent-action-hover: #822500;
  --hc-accent-alert: #a12e26;
  --nada-blue-color: #0071bd;
  --shadow-hover: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  --shadow-active: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  --outline-btn-shadow-hover: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.10);
  --outline-btn-shadow-active: 0px 3px 14px 2px rgba(0, 0, 0, 0.25), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --card-hover-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 3px 4px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --drop-shadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10));
  --inset-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  --box-shadow2: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  --box-shadow3: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  --box-shadow4: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  --box-shadow5: 2px -3px 3px 0px rgba(0, 0, 0, 0.15);
  --box-shadow6: 0px 1px 2px -1px rgba(0, 0, 0, 0.25);
  --box-shadow7: 2px 2px 4px -1px rgba(0, 0, 0, 0.75);
  --drop-shadow1: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25));
  --drop-shadow2: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  /* colors */
  --color-c1: #009fda;
  --color-c2: #f3f5f7;
  --color-c3: #111;
}