:root {
    --wl-font-family-surface: var(--wl-font-family-application);
    --wattslab-min-readable-font-size: 13px;
    --wl-font-caption: max(var(--wattslab-min-readable-font-size), .8125rem);
    --wl-font-body: max(var(--wattslab-min-readable-font-size), .875rem);
    --wl-font-control: max(var(--wattslab-min-readable-font-size), .9375rem);
    --wl-font-h1: max(var(--wattslab-min-readable-font-size), 1.375rem);
    --wl-font-h2: max(var(--wattslab-min-readable-font-size), 1rem);
    --wl-font-h3: max(var(--wattslab-min-readable-font-size), .875rem);
    --wl-font-weight-heading: 600;
    --wl-field-width: 20rem;
    --wl-control-height: 2.25rem;
    --wl-page-narrow: clamp(980px, 42vw, 1440px);
    --wl-form-max-width: 980px;
    --wl-analysis-sidebar: 190px;
    --wl-calendar-sidebar: 240px;
    color-scheme: dark;
    font-family: var(--wl-font-family);
    background: var(--wl-bg-0);
    color: var(--wl-text);
}

html,
body {
    min-height: 100%;
    margin: 0;
    background: var(--wl-bg-0);
    color: var(--wl-text);
    font-family: var(--wl-font-family);
    font-size: var(--wl-font-body);
}

button,
input,
select,
textarea {
    font: inherit;
}

#blazor-error-ui {
    display: none;
}