@import url('https://fonts.googleapis.com/css2?family=Archivo+Sans:wght@400;500;600;700;800;900&display=swap');

/* Custom brand tokens — light mode only; dark palette lives in styles.css */
@media (prefers-color-scheme: light) {
  :root {
    --accent-magenta: #e63b7a;
    --accent-green: #7ed957;
    --accent-yellow: #ecc246;
    --accent-blue: #2e7fb8;
    --lavender: #6b5a8a;
    --lavender-dark: #4d4068;
    --cream: #fbd0dc;
    --ink: #161616;
    --pink-50: #fde9ef;
    --pink-100: #fbd0dc;
    --mint-50: #e7f4f0;
    --mint-200: #b9e2d3;
    --ink-rgb: 22 22 22;
  }
}
html, body {
  font-family: 'Archivo Sans', system-ui, sans-serif;
}
/* Same stack as a token, for pages that can't let it cascade through <body>
   (bijv. de bonprinter-pagina's, waar de body het printlettertype houdt). */
:root {
  --brand-font: 'Archivo Sans', system-ui, sans-serif;
}