@import "../../../themes/core/typography";

$qms-badges-primary-background: #B7DAF8;
$qms-badges-primary-text-color: #00324E;
$qms-badges-primary-icon-background: #00324E;
$qms-badges-primary-circle-background: #00324E;


$qms-badges-yellow-background: rgba(228, 207, 83, 0.3);
$qms-badges-yellow-icon-background: rgba(228, 207, 83, 0.3);
$qms-badges-yellow-text-color: #726729;

$qms-badges-green-background: rgba(0, 128, 76, 0.1);
$qms-badges-green-icon-background: #005935;
$qms-badges-green-border: #005935;
$qms-badges-green-text-color: #005935;

$qms-badges-red-background: #F4E9E6;
$qms-badges-red-icon-background: rgba(149, 39, 2, 0.1);
$qms-badges-red-text-color: #74280B;
$qms-badges-red-icon-background-color: #9E360F;

$qms-badges-orange-background:#FAEDE8;
$qms-badges-orange-text-color: #9E360F;
$qms-badges-orange-icon-background: #9E360F;
$qms-badges-orange-circle-background: #B00020;

$qms-badges-grey-background:#E5E5E5;
$qms-badges-grey-text-color: #525252;

$qms-badges-brown-background:#F0EAE7;
$qms-badges-brown-text-color: #59280B;
$qms-badges-brown-icon-background: #59280B;

$qms-badges-white-text-color: #fff;

.badges-container-primary {
    background-color: $qms-badges-primary-background;
}

.badges-container-yellow {
    background-color: $qms-badges-yellow-background;
}

.badges-container-green {
    background-color: $qms-badges-green-background;
    border: $qms-badges-green-border;
}

.badges-container-red {
    background-color: $qms-badges-red-background;
}

.badges-container-orange {
    background-color: $qms-badges-orange-background;
}

.badges-container-grey {
    background-color: $qms-badges-grey-background;
}

.badges-container-brown {
    background-color: $qms-badges-brown-background;
}

.badges-container-icon-primary {
    background-color: $qms-badges-primary-icon-background;
}

.badges-container-icon-green {
    background-color: $qms-badges-green-icon-background;
}

.badges-container-icon-red {
    background-color: $qms-badges-red-icon-background-color;
}

.badges-container-icon-orange {
    background-color: $qms-badges-orange-icon-background;
}

.badges-container-icon-brown {
    background-color: $qms-badges-brown-icon-background;
}

.badges-container-icon-yellow {
    background-color: $qms-badges-yellow-icon-background;
}

.badges-container-circle-primary {
    background-color: $qms-badges-primary-circle-background;
}

.badges-container-circle-orange {
    background-color: $qms-badges-orange-icon-background;
}

.text-color-primary {
    color: $qms-badges-primary-text-color;
}

.text-color-red {
    color: $qms-badges-red-text-color;
}

.text-color-green {
    color: $qms-badges-green-text-color;
}

.text-color-yellow {
    color: $qms-badges-yellow-text-color;
}

.text-color-grey {
    color: $qms-badges-grey-text-color;
}

.text-color-brown {
    color: $qms-badges-brown-text-color;
}

.text-color-orange {
    color: $qms-badges-orange-text-color;
}

.text-color-white {
    color: $qms-badges-white-text-color;
}