:root {
  --link-color: #0067e1;
  --link-color-hover: #004495;
  --light-blue: #f0f7ff;
  --medium-blue: #bddbff;
  --light-purple: #f8f8fc;
  --medium-purple: #ececfa;
  --dark-purple: #626398;
  --dark-blue: #172a3a;
  --danger-color: var(--red);
  --danger-color-hover: #b32f2a;
  --danger-text: #fff;
  --info-color: #f34213;
  --warning-color: #f34213;
  --success-color: var(--green);
  --success-color-hover: #146740;
  --success-border: var(--green);
  --success-border-hover: #125c39;
  --success-text: #fff;
  --dark-gray: #828489;
  --medium-gray: #ced0ce;
  --light-gray: #ddd;
  --lightest-gray: #efefef;
  --imessage-gray: #e9e9eb;
  --window-gray: #f1f1f1;
  --green: var(--green-700);
  --red: var(--red-600);
  --yellow: var(--yellow-700);
}