/* Maps the Mittis palette onto Scalar's tokens so the reference matches the rest of the site. */
.light-mode,
.dark-mode {
  --scalar-font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --scalar-font-code: 'JetBrains Mono', ui-monospace, Menlo, monospace;
}
.light-mode {
  --scalar-background-1: #fbfaf6;
  --scalar-background-2: #f5f1e8;
  --scalar-background-3: #efede6;
  --scalar-background-accent: #d7f2ec;
  --scalar-color-1: #181a1f;
  --scalar-color-2: #4b4e56;
  --scalar-color-3: #6b6e76;
  --scalar-color-accent: #0a5e52;
  --scalar-border-color: #e4e2da;
  --scalar-color-green: #0a5e52;
  --scalar-button-1: #181a1f;
  --scalar-button-1-color: #f5f1e8;
  --scalar-button-1-hover: #2b2f36;
}
.dark-mode {
  --scalar-background-1: #171a1f;
  --scalar-background-2: #111317;
  --scalar-background-3: #1f2329;
  --scalar-background-accent: #12332d;
  --scalar-color-1: #f2efe6;
  --scalar-color-2: #c1c4ca;
  --scalar-color-3: #a4a7ae;
  --scalar-color-accent: #3fd6bb;
  --scalar-border-color: #2b2f36;
  --scalar-color-green: #3fd6bb;
  --scalar-button-1: #f2efe6;
  --scalar-button-1-color: #181a1f;
  --scalar-button-1-hover: #ffffff;
}