:root, .ot {
    --private-label: Workflow Management;
    --logo: url("https://api.work-engine.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa0JLIiwiZXhwIjoiMjAyNi0wMi0yN1QyMzoyMjozNi40ODBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--962a474437ab1d6a22b68b7cda935a03abb67013/viewpoint_logo.png");
    --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));
}