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

$qms-banner-primary-background: #E5EEFB;
$qms-banner-primary-border: #1954A9;
$qms-banner-primary-text-color: #144285;

$qms-banner-warning-background: rgba(228, 207, 83, 0.3);
$qms-banner-warning-border: #E4CF53;
$qms-banner-warning-text-color: #726729;

$qms-banner-success-background: rgba(0, 128, 76, 0.1);
$qms-banner-success-border: #00804C;
$qms-banner-success-text-color: #005935;

$qms-banner-error-background: rgba(176, 0, 32, 0.08);
$qms-banner-error-border: #B00020;
$qms-banner-error-text-color: #B00020;

$qms-banner-light-background: #FAFAFA;
$qms-banner-light-border: rgba(0, 0, 0, 0.6);
$qms-banner-light-text-color: #323232;

$qms-banner-none-background: #FFFFFF;
$qms-banner-none-border: rgba(0, 0, 0, 0.6);
$qms-banner-none-text-color: #323232;

.banner-container-primary {
    background-color: $qms-banner-primary-background;
    border-bottom: 1px solid $qms-banner-primary-border;
}

.banner-container-warning {
    background-color: $qms-banner-warning-background;
    border-bottom: 1px solid $qms-banner-warning-border;
}

.banner-container-success {
    background-color: $qms-banner-success-background;
    border-bottom: 1px solid $qms-banner-success-border;
}

.banner-container-error {
    background-color: $qms-banner-error-background;
    border-bottom: 1px solid $qms-banner-error-border;
}

.banner-container-light {
    background-color: $qms-banner-light-background;
    border-bottom: 1px solid $qms-banner-light-border;
}

.banner-container-none {
    background-color: $qms-banner-none-background;
    border-bottom: 1px solid $qms-banner-none-border;
}

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

.text-color-warning {
    color: $qms-banner-warning-text-color;
}

.text-color-success {
    color: $qms-banner-success-text-color;
}

.text-color-error {
    color: $qms-banner-error-text-color;
}

.text-color-light {
    color: $qms-banner-light-text-color;
}

.text-color-none {
    color: $qms-banner-none-text-color;
}