:root {
  /* Colors */
  --ash: #3e454b;
  --blue: #007aff;
  --blue-focus: #004fcb;
  --blue-border: #d6eaff;
  --blue-highlight: #69a8ff;
  --char: #202020;
  --fog: #b6c2ce;
  --smoke: #e1eaf1;
  --vape: #f5f7f9;
  --wm-aqua: #00e0ff;
  --color-danger: #d83a39;
  --color-valid: #34c759;
  --white: #ffffff;
  --off-white: #e3e6ed;
  --nav-footer: #f3f9ff;
  --box-shadow: rgba(0, 122, 255, 0.1);
  --text-shadow: rgba(0, 0, 0, 0.1);
  --black: rgba(32, 32, 32, 0);
  --gradient-end: rgba(255, 255, 255, 0);
  --modal-backdrop: rgba(0, 0, 0, 0.5);
  --info-modal-footer: rgba(214, 234, 255, 0.2);
  --primary-light: rgba(243, 249, 255, 1);
  --primary: rgba(0, 79, 203, 1);
  --gray: #0c0c0d;
  --wm-green: #e8fced;
  --gray-bg: rgba(243, 249, 255, 0.5);
  --gray-bg-2: rgba(245, 247, 249, 0.5);
  --light-wm-green: rgba(232, 252, 237, 0.2);
  --primary-active: rgba(214, 234, 255, 1);
}