html, body {
margin: 0;
padding: 0;
min-height: 100vh;
background: #FAF8F5;
color: #1F1F1F;
font-family: var(--portal-font-body, 'Inter'), system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--portal-font-heading, Georgia), 'Source Serif Pro', serif;
letter-spacing: -0.01em;
}
.portal-footer {
margin-top: 3rem;
padding: 1.25rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
text-align: center;
color: #5C5C5C;
}
.portal-footer a {
color: inherit;
text-decoration: underline;
}
#blazor-error-ui {
background: #F6D4D4;
color: #4E0A0A;
padding: 1rem;
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
text-align: center;
}
#blazor-error-ui .reload,
#blazor-error-ui .dismiss {
color: inherit;
font-weight: 600;
margin-inline-start: 0.75rem; /* logisch: flipt onder dir=rtl */
}
/* ── Weergavevoorkeuren (/mijn/instellingen) ───────────────────────────────
Gezet op door js/portal-weergave.js. Het zijn toegankelijkheids-
functies: de schakelaars beloofden effect maar deden voorheen niets. */
html.portal-large-text {
font-size: 118.75%; /* 16px → 19px basis; rem-gebaseerde MudBlazor-tekst schaalt mee */
}
html.portal-large-text body {
font-size: 1rem;
}
html.portal-high-contrast,
html.portal-high-contrast body {
background: #FFFFFF;
color: #000000;
}
html.portal-high-contrast .mud-paper,
html.portal-high-contrast .mud-card {
background-color: #FFFFFF;
border: 2px solid #000000;
}
html.portal-high-contrast .mud-text-secondary,
html.portal-high-contrast .mud-secondary-text,
html.portal-high-contrast .portal-footer {
color: #1F1F1F;
}
html.portal-high-contrast a,
html.portal-high-contrast .mud-link {
color: #0B3B8C;
text-decoration: underline;
}
html.portal-high-contrast :is(a, button, .mud-button-root, .mud-input-slot):focus-visible {
outline: 3px solid #0B3B8C;
outline-offset: 2px;
}
/* Upload-activators: MudBlazor 9 kent de utilityclass opacity-0 niet meer; deze class houdt de
overlay-input van MudFileUpload onzichtbaar maar klik- en drop-baar over de hele activator. */
.np-upload-overlay-input {
opacity: 0;
}