:root {
  --color-focus-outline: #0072c6;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-black-5: #f2f2f2;
  --color-black-10: #e6e6e6;
  --color-black-20: #cccccc;
  --color-black-30: #b3b3b3;
  --color-black-40: #999999;
  --color-black-50: #808080;
  --color-black-60: #595959;
  --color-black-70: #4d4d4d;
  --color-black-80: #333333;
  --color-black-90: #1a1a1a;
  --color-error: #b01038;
  --color-error-light: #f6e2e6;
  --color-error-dark: #8d0d2d;
  --color-success: #007a64;
  --color-success-light: #e2f5f3;
  --color-success-dark: #006250;
  --color-alert: #ffda07;
  --color-alert-light: #fff4b4;
  --color-alert-dark: #c27900;
  --color-info: #0062b9;
  --color-info-light: #e5eff8;
  --color-info-dark: #004f94;
}