/* Noorderlink huisstijl */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* Outfit als hoofdlettertype, code blijft monospace */
body,
button,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li,
label,
div {
    font-family: 'Outfit', 'Inter', system-ui, sans-serif !important;
}

code,
pre,
kbd,
samp,
.font-mono,
[class*="mono"] {
    font-family: 'Roboto Mono', ui-monospace, monospace !important;
}

/* Merkkleur #633A66 op primaire knoppen en accenten */
html {
    --brand-purple: #633A66;
    --surface-submit: #633A66;
    --surface-submit-hover: #4d2d50;
    --ring-primary: #633A66;
}

.dark {
    --brand-purple: #a978ac;
    --surface-submit: #7a4a7d;
    --surface-submit-hover: #633A66;
}

/* Bold tekst als Outfit Semibold (600) in plaats van Bold (700) */
strong,
b,
.font-bold,
[class*="font-bold"] {
    font-weight: 600 !important;
}

.dark img[src*="logo.svg"] {
    filter: invert(1);
}