/* Scalar API reference, in Claro's tokens. Scalar follows the system colour
   scheme (its darkMode is left unset), and so do the tokens, so one mapping
   serves both modes. */
.light-mode, .dark-mode {
  --scalar-font: 'Onest', 'Onest Fallback', system-ui, -apple-system, sans-serif;
  --scalar-font-code: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
  --scalar-color-1: var(--claro-text);
  --scalar-color-2: var(--claro-text-secondary);
  --scalar-color-3: var(--claro-text-secondary);
  --scalar-color-accent: var(--claro-link);
  --scalar-background-1: var(--claro-background);
  --scalar-background-2: var(--claro-surface);
  --scalar-background-3: var(--claro-surface-muted);
  --scalar-background-accent: var(--claro-primary-soft);
  --scalar-border-color: var(--claro-border);
  --scalar-radius: 8px;
  --scalar-radius-lg: 12px;
  --scalar-radius-xl: 16px;
  --scalar-sidebar-background-1: var(--claro-background);
  --scalar-sidebar-color-1: var(--claro-text);
  --scalar-sidebar-color-2: var(--claro-text-secondary);
  --scalar-sidebar-color-active: var(--claro-on-primary-soft);
  --scalar-sidebar-item-active-background: var(--claro-primary-soft);
  --scalar-sidebar-item-hover-background: var(--claro-primary-soft);
  --scalar-sidebar-border-color: var(--claro-border);
  --scalar-sidebar-search-background: var(--claro-surface);
  --scalar-sidebar-search-border-color: var(--claro-border);
  --scalar-sidebar-search-color: var(--claro-text-secondary);
}
.scalar-app { --scalar-custom-header-height: 60px; }
body.reference main { padding: 0; }
.scalar-app .references-rendered { padding-top: 0; }
.scalar-app .introduction-section { padding-top: 40px; }
/* "Generate SDK" links out to Scalar's hosted service. Claro's own SDKs are coming.
   Two places show it: each operation's request card, and the intro "Client
   Libraries" card. Hide only the buttons: the language picker and the request
   snippets are rendered locally and stay. */
.scalar-app .generate-sdk-button,
.scalar-app .scalar-reference-intro-clients .selected-client-row .scalar-button { display: none !important; }