:root{
  --color-white-primary:#FFFFFF;
  --color-white-secondary:#F2F2F2;
  --color-black-primary:#131313;
  --color-overlay-45: rgba(0, 0, 0, 0.45);
  --color-blue-dark:#1C273C;
  --color-blue-primary:#477FEC;
  --color-blue-light: #E5EEFF;
  --color-red-dark:#C31810;
  --color-red-primary:#F15347;
  --color-red-light:#FAE6E6;
  --color-grey-dark:#A1A1A1;
  --color-grey-primary:#6B6B6B;
  --color-grey-light: #D8D8D8;
  --color-green:#31991D;
  --color-green-dark:#085E1E;
  --color-green-light:#E3FAE1;
  --color-transparent: transparent;
  --color-yellow-dark: #C67808;
  --color-report-pending:             var(--reportPending);
  --color-report-pending-light:       var(--reportPendingLight);
  --color-report-disqualified:        var(--reportDisqualified);
  --color-report-disqualified-light:  var(--reportDisqualifiedLight);
  --color-report-lost:                var(--reportLost);
  --color-report-lost-light:          var(--reportLostLight);
}

/*font color*/
.text-white-primary{color:var(--color-white-primary);fill:var(--color-white-primary)}
.text-white-secondary{color:var(--color-white-secondary);fill:var(--color-white-secondary)}
.text-black-primary{color:var(--color-black-primary);fill:var(--color-black-primary)}
.text-blue-dark{color:var(--color-blue-dark);fill:var(--color-blue-dark)}
.text-blue-primary{color:var(--color-blue-primary);fill:var(--color-blue-primary)}
.text-blue-light{color:var(--color-blue-light);fill:var(--color-blue-light)}
.text-red-dark{color:var(--color-red-dark);fill:var(--color-red-dark)}
.text-red-primary{color:var(--color-red-primary);fill:var(--color-red-primary)}
.text-red-light{color:var(--color-red-light);fill:var(--color-red-light)}
.text-grey-dark{color:var(--color-grey-dark);fill:var(--color-grey-dark)}
.text-grey-primary{color:var(--color-grey-primary);fill:var(--color-grey-primary)}
.text-grey-light{color:var(--color-grey-light);fill:var(--color-grey-light)}
.text-green{color:var(--color-green);fill:var(--color-green)}
.text-green-dark{color:var(--color-green-dark);fill:var(--color-green-dark)}
.text-green-light{color:var(--color-green-light);fill:var(--color-green-light)}
.text-transparent{color:var(--color-transparent);fill:var(--color-transparent)}
.text-yellow-dark{color:var(--color-yellow-dark);fill:var(--color-yellow-dark)}
.text-report-pending{color:var(--color-report-pending);fill:var(--color-report-pending)}
.text-report-pending-light{color:var(--color-report-pending-light);fill:var(--color-report-pending-light)}
.text-report-disqualified{color:var(--color-report-disqualified);fill:var(--color-report-disqualified)}
.text-report-disqualified-light{color:var(--color-report-disqualified-light);fill:var(--color-report-disqualified-light)}
.text-report-lost{color:var(--color-report-lost);fill:var(--color-report-lost)}
.text-report-lost-light{color:var(--color-report-lost-light);fill:var(--color-report-lost-light)}

/*Background*/
.bg-white-primary{background-color:var(--color-white-primary);}
.bg-white-secondary{background-color:var(--color-white-secondary);}
.bg-black-primary{background-color:var(--color-black-primary);}
.bg-blue-dark{background-color:var(--color-blue-dark);}
.bg-blue-primary{background-color:var(--color-blue-primary);}
.bg-blue-light{background-color:var(--color-blue-light);}
.bg-red-dark{background-color:var(--color-red-dark);}
.bg-red-primary{background-color:var(--color-red-primary);}
.bg-red-light{background-color:var(--color-red-light);}
.bg-grey-dark{background-color:var(--color-grey-dark);}
.bg-grey-primary{background-color:var(--color-grey-primary);}
.bg-grey-light{background-color:var(--color-grey-light);}
.bg-green{background-color:var(--color-green);}
.bg-green-dark{background-color:var(--color-green-dark);}
.bg-green-light{background-color:var(--color-green-light);}
.bg-transparent{background-color:var(--color-transparent);}
.bg-yellow-dark{background-color:var(--color-yellow-dark);}
.bg-report-pending{background-color:var(--color-report-pending);}
.bg-report-pending-light{background-color:var(--color-report-pending-light);}
.bg-report-disqualified{background-color:var(--color-report-disqualified);}
.bg-report-disqualified-light{background-color:var(--color-report-disqualified-light);}
.bg-report-lost{background-color:var(--color-report-lost);}
.bg-report-lost-light{background-color:var(--color-report-lost-light);}