:root, .ot {
    --private-label: Your Demo;
    --logo: url("https://api.work-engine.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaDhnIiwiZXhwIjoiMjAyNS0wOC0wNlQxMDowNDo0NC41MzFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--2ce90a35c50ab2e9e460c7b98f8fdd80ca21c687/yourdemo_logo.png");
    --primary-color-h: 221deg;
    --primary-color-s: 90.0%;
    --primary-color-l: 54.0%;
    --secondary-color-h: 207deg;
    --secondary-color-s: 99.0%;
    --secondary-color-l: 32.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));
}