/* vendor/ds.css: written by site-src/build.py at every build, do not edit. The token and base files of the design system (_ds/uptick-design-system-new-0f20d296-f55b-498e-9e2a-58551e6b9381/styles.css) in the order of its @import lines, without the fonts import: vendor/fonts.css loads the same fonts from vendor/fonts/ instead of from Google. */
/* tokens/colors.css */
:root{
--papier:#ffffff;--nevel:#f5f5f7;--lijn:#d1d1d6;--grafiet:#6e6e73;--inkt:#1c1c1e;--kobalt:#3b5bdb;
--nevel-2:#ebebef;--lijn-zacht:#e5e5ea;--lijn-sterk:#b8b8bf;--kobalt-hover:#3350c6;--kobalt-active:#2c47b3;--kobalt-tint:#eef1fc;--kobalt-ring:rgba(59,91,219,.32);--fout:#b42318;--fout-tint:#fcefed;--scrim:rgba(28,28,30,.32);
--surface-page:var(--papier);--surface-section:var(--nevel);--surface-card:var(--nevel);--surface-raised:var(--papier);--surface-pressed:var(--nevel-2);--surface-selected:var(--kobalt-tint);
--text-body:var(--inkt);--text-muted:var(--grafiet);--text-on-accent:var(--papier);--text-link:var(--kobalt);--text-error:var(--fout);
--border-default:var(--lijn);--border-subtle:var(--lijn-zacht);--border-hover:var(--lijn-sterk);--border-strong:var(--inkt);--border-focus:var(--kobalt);
--accent:var(--kobalt);--accent-hover:var(--kobalt-hover);--accent-active:var(--kobalt-active);--accent-tint:var(--kobalt-tint);--focus-ring:0 0 0 3px var(--kobalt-ring);
}
/* tokens/typography.css */
:root{
--font-sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Instrument Serif",Georgia,serif;
--fw-regular:400; 
--fw-medium:500; 
--fw-semibold:600; 
--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--text-display:clamp(2.5rem,6vw,4.5rem);
--leading-display:1.02;--leading-heading:1.15;--leading-tight:1.25;--leading-body:1.5;
--tracking-heading:-0.025em;--tracking-body:0;--tracking-label:0.01em;
--numeric:tabular-nums; 
--font-body:var(--fw-regular) var(--text-base)/var(--leading-body) var(--font-sans);
--font-small:var(--fw-regular) var(--text-sm)/1.45 var(--font-sans);
--font-label:var(--fw-medium) var(--text-sm)/1.25 var(--font-sans);
--font-heading:var(--fw-semibold) var(--text-xl)/var(--leading-heading) var(--font-sans);
--font-title:var(--fw-semibold) var(--text-2xl)/var(--leading-heading) var(--font-sans);
--font-display:var(--fw-semibold) var(--text-display)/var(--leading-display) var(--font-sans);
--font-display-serif:var(--fw-regular) var(--text-display)/var(--leading-display) var(--font-serif);
}
/* tokens/spacing.css */
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--gutter:6vw;--measure:44rem;--content-max:1200px;--section-y:6rem;
--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;--sidebar-w:240px;--nav-h:72px;
}
/* tokens/shape.css */
:root{
--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-pill:999px;--border-w:1px;
--shadow-none:none;--shadow-knob:0 1px 2px rgba(28,28,30,.16);--shadow-pop:0 1px 2px rgba(28,28,30,.06),0 8px 24px rgba(28,28,30,.08);--shadow-dialog:0 2px 6px rgba(28,28,30,.06),0 24px 64px rgba(28,28,30,.12);
}
/* tokens/motion.css */
:root{
--ease:cubic-bezier(.2,.7,.2,1); 
--ease-out:cubic-bezier(.16,1,.3,1); 
--dur-fast:120ms; 
--dur-base:200ms; 
--dur-slow:320ms; 
}
/* tokens/assets.css */
/* image tokens that no page file reads with var(), left out: --logo-nav, --favicon, --patroon-punten, --patroon-lijnen, --texture-papier, --texture-nevel, --texture-studio, --overlay-bloom, --overlay-raamschaduw. A token that a page starts to read is copied to vendor/ds-assets/ at the next build. */
/* tokens/base.css */
body{margin:0;background:var(--papier);color:var(--inkt);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-weight:var(--fw-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:pretty}
a{color:var(--kobalt);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}
button,input,select,textarea{font-family:inherit}
.tnum,table{font-variant-numeric:tabular-nums}