/* scalar-theme.css - Scalar (the /docs API reference; vendored bundle left
   untouched) themed through its CSS variables onto palette 4. These rules
   are unlayered, so they win over the bundle's theme layer. The foundation
   tokens switch with prefers-color-scheme, and Scalar's own dark-mode
   toggle is hidden (data-configuration), so both always agree. */
body.f-docs { --scalar-custom-header-height: 77px; }
body.f-docs > header.f-site { position: sticky; top: 0; z-index: 20; height: 77px;
  background: var(--bg); border-bottom: 1px solid var(--line); }
.light-mode,
.dark-mode {
  --scalar-font: var(--sans);
  --scalar-font-code: var(--mono);
  --scalar-radius: 8px;
  --scalar-radius-lg: 14px;
  --scalar-background-1: var(--surface);
  --scalar-background-2: var(--bg);
  --scalar-background-3: var(--line);
  --scalar-background-accent: color-mix(in srgb, var(--brand-deep) 12%, var(--surface));
  --scalar-border-color: var(--line);
  --scalar-color-1: var(--ink);
  --scalar-color-2: var(--ink-2);
  --scalar-color-3: var(--mute);
  --scalar-color-accent: var(--brand-deep);
  --scalar-button-1: var(--brand-deep);
  --scalar-button-1-color: var(--on-brand);
  --scalar-button-1-hover: var(--brand-deep);
  --scalar-color-red: var(--err);
  --scalar-color-danger: var(--err);
  --scalar-background-danger: var(--err-bg);
  --scalar-color-orange: var(--warn);
  --scalar-color-yellow: var(--warn);
  --scalar-background-alert: var(--warn-bg);
  --scalar-color-green: var(--fk-deep);
  --scalar-color-blue: var(--kz-deep);
  --scalar-sidebar-background-1: var(--bg);
  --scalar-sidebar-color-1: var(--ink);
  --scalar-sidebar-color-2: var(--ink-2);
  --scalar-sidebar-color-active: var(--brand-deep);
  --scalar-sidebar-border-color: var(--line);
  --scalar-sidebar-item-hover-background: var(--surface);
  --scalar-sidebar-item-active-background: color-mix(in srgb, var(--brand-deep) 12%, var(--surface));
  --scalar-sidebar-search-background: var(--surface);
  --scalar-sidebar-search-border-color: var(--line);
  --scalar-sidebar-search-color: var(--mute);
}
/* Scalar forces class="dark-mode" on its request-example panels: in light
   mode they stay dark code panes, like pre.code on the quickstart. */
.light-mode .dark-mode {
  --scalar-background-1: var(--code-bg);
  --scalar-background-2: color-mix(in srgb, var(--code-ink) 6%, var(--code-bg));
  --scalar-background-3: color-mix(in srgb, var(--code-ink) 12%, var(--code-bg));
  --scalar-border-color: color-mix(in srgb, var(--code-ink) 18%, var(--code-bg));
  --scalar-color-1: var(--code-ink);
  --scalar-color-2: #B4BCCA;
  --scalar-color-3: #B4BCCA;
}