:root {
  --clr-black: #000000;
  --clr-black-rgb: 0, 0, 0;
  --clr-dark-grey: #707070;
  --clr-dark-grey-rgb: 112, 112, 112;
  --clr-grey: #929292;
  --clr-grey-rgb: 146, 146, 146;
  --clr-light-grey: #e1e1e1;
  --clr-light-grey-rgb: 255, 255, 255;
  --clr-xlight-grey: #f4f4f4;
  --clr-xlight-grey-rgb: 244, 244, 244;
  --clr-white: #ffffff;
  --clr-white-rgb: 255, 255, 255;
  --clr-success: #008f15;
  --clr-success-rgb: 0 143 21;
  --clr-alert: #eea84e;
  --clr-alert-rgb: 238, 168, 78;
  --clr-info: #003e8f;
  --clr-info-rgb: 0, 62, 143;
  --clr-error: #8f0000;
  --clr-error-rgb: 143, 0, 0;
  --clr-light-green: #e1f8e5;
  --clr-light-green-rgb: 225, 248, 229;
  --clr-light-orange: #fff7ee;
  --clr-light-orange-rgb: 255, 247, 238;
  --clr-light-blue: #f0f5ff;
  --clr-light-blue-rgb: 240, 245, 255;
  --clr-light-red: #ffeeee;
  --clr-light-red-rgb: 255, 238, 238;
  --clr-skeleton-bg: #DDDBDD;
  --clr-btn-primary: #ffffff;
  --clr-btn-primary-color: #000000;
  --clr-btn-secondary: #000000;
  --clr-btn-border-radius: 0;
  --placeholder-bg-url: url(/assets/img/adl-grey-logo.png);
}
