:root {
  --ma-border-radius: 8px;

  --ma-color-primary-active: #eaf3f8;
  --ma-color-primary-hover: #2c87bb1a;

  --ma-color-primary-50: #1196e1;
  --ma-color-primary-60: #1181be;
  --ma-color-primary-70: #126c9b;
  --ma-color-primary-80: #125778;
  --ma-color-primary-90: #034259;
  --ma-color-grey-30: #d7d8dd;
  --ma-color-grey-50: #919699;

  --ma-color-danger: #cc0000;
  --ma-color-success: #369d06;

  --ma-color-strength-1: #e03030;
  --ma-color-strength-2: #eb6707;
  --ma-color-strength-3: #ff9932;
  --ma-color-strength-4: #1196e1;
  --ma-color-strength-5: #369d06;
}