html {
    --lumo-primary-color: hsl(246, 42%, 36%);
    --lumo-primary-color-50pct: hsla(246, 42%, 36%, 0.5);
    --lumo-primary-color-10pct: hsla(246, 42%, 36%, 0.1);
    --lumo-primary-text-color: hsl(246, 42%, 36%);
    --lumo-success-color: hsl(66, 100%, 35%);
    --lumo-success-color-50pct: hsla(66, 100%, 35%, 0.5);
    --lumo-success-color-10pct: hsla(66, 100%, 35%, 0.1);
    --lumo-success-text-color: hsl(66, 100%, 35%);
    --lumo-error-color: hsl(338, 75%, 38%);
    --lumo-error-color-50pct: hsla(338, 75%, 38%, 0.5);
    --lumo-error-color-10pct: hsla(338, 75%, 38%, 0.1);
    --lumo-error-text-color: hsl(338, 75%, 38%);
    --vaadin-app-layout-drawner-width: 20em;
}