:root {
    --np-background-white: #ffffff;
    --np-red: #a30202;
    --np-black: black;
    --np-green: darkgreen;
    --np-grey: grey;
    --np-dark-grey: #222;
    --np-light-grey: #aaa;
    --np-blue: #025b7e;
    --np-info-blue: #EAF6FC;
    --np-light-blue: #fafbfc;
    --np-yellow: #d4a602;
    --np-orange: orange;
    --np-dark-orange: #b86e14;
    --np-violet: #702c91;
    --np-border-color: #ddd;
    --np-calculated-value: #A0984B;
}
.np-red {
    color: var(--np-red);
}

.np-green {
    color: var(--np-green);
}

.np-grey {
    color: var(--np-grey);
}

.np-darkgrey {
    color: var(--np-dark-grey);
}

.np-lightgrey,
input.np-lightgrey,
input.np-lightgrey:focus {
    color: var(--np-light-grey);
}

.np-blue {
    color: var(--np-blue);
}

.np-yellow {
    color: var(--np-yellow);
}

.np-orange {
    color: var(--np-orange);
}

.np-darkorange {
    color: var(--np-dark-orange);
}


.np-calculated-value {
    color: var(--np-calculated-value);
}

.np-light-blue-background {
    background-color: var(--np-light-blue);
}