/* Design-Tokens im Stil von familiaris.info */
:root {
  color-scheme: dark;
  --bg: #3e3634;
  --panel: #4a413e;
  --panel-2: #564b47;
  --line: #67574e;
  --text: #c9a882;
  --text-strong: #e6d3b8;
  --muted: #9a8b7d;
  --accent: #c9a882;
  --accent-hover: #846f5b;
  --accent-ink: #3e3634;
  --ok: #8fbf78;
  --danger: #ff9f9f;
  --radius: 18px;
  --font-body: "neue-haas-grotesk-display", Helvetica, Arial, sans-serif;
  --font-head: "fino-sans", Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
  font-family: var(--font-head);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
.pill, .btn {
  text-transform: uppercase;
  letter-spacing: .1em;
}