html {
    --primary-font-family: -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

    --lumo-base-color: #f0f6ff!important;
    --lumo-primary-contrast-color: #ffffff!important;

    --lumo-primary-color: hsl(227, 73%, 30%)!important;
    --lumo-primary-color-75pct: hsla(227, 73%, 30%, 0.75)!important;
    --lumo-primary-color-50pct: hsla(227, 73%, 30%, 0.5)!important;
    --lumo-primary-color-10pct: hsla(227, 73%, 30%, 0.1)!important;

    --lumo-shade-10pct: rgba(5, 20, 25, 0.1)!important;
    --lumo-shade-80pct: rgba(5, 20, 25, 0.8)!important;
    --lumo-border-radius: 0.25em;
    --lumo-border-radius-l: 0.5em;

    --eva-panel-border: 1px solid var(--lumo-primary-color-50pct);
    --eva-panel-border-radius: var(--lumo-border-radius-l);
    --eva-panel-background: hsla(227, 73%, 30%, 0.03)!important;
    --eva-primary-color-alternate: hsl(200, 100%, 43%);
    --eva-header-background: linear-gradient(var(--lumo-primary-color), var(--eva-primary-color-alternate))!important;
    --eva-header-page-title-color: var(--lumo-primary-contrast-color);
    --eva-grid-header-background-color: linear-gradient(var(--lumo-primary-color), var(--eva-primary-color-alternate));
}