:root{--roze: #de2a87;--roze-hover: #c31e76;--roze-active: #b01a69;--roze-tint: #fdeaf4;--blauw: #1e63a8;--blauw-tint: #eaf2fa;--blauw-rand: #c9dcee;--blauw-rand-sterk: #bbd6ee;--marine: #10314f;--aqua: #63c3e8;--zand: #fbf6f3;--zand-licht: #fffdfc;--zand-diep: #efe6e0;--zand-rand: #eadfd8;--grijs: #55504c;--grijs-licht: #8c7f77;--wit: #fff;--color-background: var(--zand);--color-surface: var(--wit);--color-surface-alt: var(--zand-licht);--color-text: var(--marine);--color-muted: var(--grijs);--color-meta: var(--grijs-licht);--color-border: var(--zand-rand);--color-border-strong: var(--zand-diep);--color-accent: var(--roze);--color-accent-hover: var(--roze-hover);--color-accent-active: var(--roze-active);--color-accent-tint: var(--roze-tint);--color-accent-contrast: var(--wit);--color-link: var(--blauw);--color-link-hover: var(--roze);--color-info: var(--blauw);--color-info-tint: var(--blauw-tint);--color-success: #2e7d6b;--color-success-tint: #e6f2ef;--color-error: #b3261e;--color-error-tint: #fbeae9;--font-ui: figtree, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-verhaal: "source serif 4", georgia, "times new roman", serif;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-black: 800;--line-tight: 1.15;--line-kop: 1.25;--line-base: 1.6;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-xs: 9px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 20px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(16 49 79 / 4%), 0 8px 24px rgb(16 49 79 / 6%);--shadow-card-hover: 0 2px 4px rgb(16 49 79 / 6%), 0 16px 36px rgb(16 49 79 / 10%);--shadow-focus: 0 0 0 3px var(--blauw-rand-sterk);--container-max: 75rem;--container-smal: 44rem;--container-padding: var(--space-sm)}body.login{background:var(--color-background);font-family:var(--font-ui)}body.login h1 a{width:240px;height:30px;background-image:var(--login-logo-url);background-size:contain;background-repeat:no-repeat;background-position:center}.login form{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.login .button-primary{background:var(--color-accent)!important;border-color:var(--color-accent)!important;border-radius:var(--radius-pill)!important;text-shadow:none!important;box-shadow:none!important}.login .button-primary:hover{background:var(--color-accent-hover)!important;border-color:var(--color-accent-hover)!important}.login #nav a,.login #backtoblog a{color:var(--color-link)!important}