:root, .ot {
    --private-label: Viewpoint HR Management;
    --logo: url("https://api.work-engine.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0owIiwiZXhwIjoiMjAyNi0wNi0wM1QxODoyMzoxOS44NTVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--f680e7fb4597c8d3dcb063d18de7f607826b552c/iyr850csw0pvhngntewluaiqjdeu");
    --primary-color-h: 223deg;
    --primary-color-s: 67.0%;
    --primary-color-l: 20.0%;
    --secondary-color-h: 206deg;
    --secondary-color-s: 70.0%;
    --secondary-color-l: 58.0%;

    --lighten: 10%;
    --darken: -10%;
    --ot-palette-primary-main: var(--primary-color-h) var(--primary-color-s) var(--primary-color-l);
    --ot-palette-primary-light: var(--primary-color-h) var(--primary-color-s) calc(var(--primary-color-l) + var(--lighten));
    --ot-palette-primary-dark: var(--primary-color-h) var(--primary-color-s) calc(var(--primary-color-l) + var(--darken));
    --ot-palette-secondary-main: var(--secondary-color-h) var(--secondary-color-s) var(--secondary-color-l);
    --ot-palette-secondary-light: var(--secondary-color-h) var(--secondary-color-s) calc(var(--secondary-color-l) + var(--lighten));
    --ot-palette-secondary-dark: var(--secondary-color-h) var(--secondary-color-s) calc(var(--secondary-color-l) + var(--darken));
}