:root, .ot {
    --private-label: Viewpoint HR Management;
    --logo: url("https://api.work-engine.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ2h3IiwiZXhwIjoiMjAyNi0wNS0yN1QxODo1Mjo1OS45NzBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--14311376c40214d14ca866b5793562fda5bd6c8a/n7691qn3ru782iryli2lf3448swh");
    --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));
}