:root {
    --primary: #416165;
    --grey-scale-primary: #778991;
    --grey-scale-secondary: #ACB0BD;
    --grey-scale-medium: #D0CDD7;
    --grey-scale-light: #D9DBF1;
    --grey-scale-background: #F7F7F8;
    --interaction-main: #008080;
    --interaction-highlight: #0b3948;
    --interaction-complementary: #acb0bd;
    --communication-critical: #E26E76;
    --communication-critical-background: #FFC7CB;
    --communication-success: #6ED59F;
    --communication-success-background: #CDEFDE;
    --communication-attention: #FCC679;
    --communication-attention-background: #FFE7C2;
    --communication-info: #76BCE7;
    --communication-info-background: #C4E7FC;
}

.color-primary{
    color: var(--primary);
}
.color-grey-scale-primary{
    color: var(--grey-scale-primary);
}
.color-grey-scale-secondary{
    color: var(--grey-scale-secondary);
}
.color-grey-scale-medium{
    color: var(--grey-scale-medium);
}
.color-grey-scale-light{
    color: var(--grey-scale-light);
}
.color-grey-scale-background{
     background-color: var(--grey-scale-background);
 }
.color-interaction-main{
    color: var(--interaction-main);
}
.color-interaction-main-background{
    color: var(--interaction-main);
    border-color: var(--interaction-main);
    color:white;
}
.color-interaction-main-background:hover{
    background-color: var(--interaction-highlight);
    border-color: var(--interaction-highlight);
}
.color-interaction-highlight{
    color: var(--interaction-highlight);
}
.color-interaction-complementary{
    color: var(--interaction-complementary);
}
.color-communication-critical{
    color: var(--communication-critical);
}
.color-communication-critical-background{
    background-color: var(--communication-critical-background);
}
.color-communication-success{
    color: var(--communication-success);
}
.color-communication-success-background{
    background-color: var(--communication-success-background);
}
.color-communication-attention{
    color: var(--communication-attention);
}
.color-communication-attention-background{
    background-color: var(--communication-attention-background);
}
.color-communication-info{
    color: var(--communication-info);
}
.color-communication-info-background{
    background-color: var(--communication-info-background);
}
.color-white{
    color: white;
}
.color-white-background{
    background-color: white;
}
.color-red {
    color: red;
}
.color-green {
    color: green;
}
.color-grey{
    color: grey;
}
.color-black{
    color: black;
}
.color-lightyellow-background{
    background-color: #f3ef7b !important;
}

.color-lightgreen-background{
    background-color: #bdecb6 !important;
}
.color-lightgreen{
    color: #bdecb6;
}
.color-lightred{
    color: #ffcccb;
}
.color-lightblue-background{
    background-color: #DAF0F7 !important;
}
.color-lightred-background{
    background-color: #ffcccb !important;
}
.color-lightgrey-background{
    background-color: #eee !important;
}
.color-grey-background{
    background-color: #ddd !important;
}
.color-anthrazit-background{
    background-color: #333d40;
}