:root {
    --active-power: #49b7c1;
    --reactive-power: #284677;
    --consumption: #387e9c;
    --active-power-production: #96d149;
    --reactive-power-production: #3FBF18;
    --production: #70e31e;
}

.active-power {
    color: var(--active-power);
}

.reactive-power {
    color: var(--reactive-power);
}
.active-power-production {
    color: var(--active-power-production);
}
.reactive-power-production {
    color: var(--reactive-power-production);
}