/* Sage palette mapped onto Scalar CSS variables.
   Scalar sets --scalar-color-accent on `body.light-mode` / `body.dark-mode`,
   so a plain `:root` rule loses to its specificity. We mirror Scalar's own
   selectors to win cleanly, no !important needed. */
:root {
  --scalar-color-1: #0a0a0a;
  --scalar-color-2: #404040;
  --scalar-color-3: #737373;
  --scalar-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --scalar-font-code: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --scalar-radius: 8px;
}

body.light-mode {
  --scalar-color-accent: #028148;
}

body.dark-mode {
  --scalar-color-accent: #34d399;
}

/* Anchor Scalar below the Sage 56px top nav. */
#scalar-reference {
  min-height: calc(100vh - 56px);
}