/*
 * tokens.css
 * ----------
 * Shared design tokens for the whole site: brand colors, the base box-model
 * reset, and the heading typeface. Every page (`index.html`, `impressum.html`,
 * `datenschutz.html`) links this file first, then its own page-specific
 * stylesheet on top. Change a color here once and it updates everywhere.
 */

:root{
  --cream:#fdfbf6;
  --paper:#ffffff;
  --ink:#33443f;
  --brown:#af9a76;
  --sage:#b3c2a5;
  --sage-deep:#83987a;
  --blue:#a9c0d1;
  --clay:#4d7189;
  --line: rgba(51,68,63,0.12);
  --text:#55645c;
}

*{box-sizing:border-box; margin:0; padding:0;}

h1, h2, h3, .display{
  font-family:'Fraunces', serif;
  font-weight:450;
  letter-spacing:-0.01em;
}