/* Intermezzo theme for the Scalar API reference, matching the former Stoplight Elements page.
   Light mode only: the page sets `forceDarkModeState: 'light'`.
   Selectors start with `body` to outrank the theme styles Scalar injects after this sheet. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --scalar-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --scalar-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --scalar-radius: 0.375rem;
  --scalar-radius-lg: 0.5rem;
  --scalar-radius-xl: 0.75rem;
}

body.light-mode {
  --scalar-color-1: #111827;
  --scalar-color-2: #4b5563;
  --scalar-color-3: #9ca3af;
  --scalar-color-accent: #7c3aed;
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f9fafb;
  --scalar-background-3: #f3f4f6;
  --scalar-background-accent: #f5f3ff;
  --scalar-border-color: #e5e7eb;
  --scalar-link-color: #7c3aed;
  --scalar-link-color-hover: #8257ff;

  --scalar-button-1: #8257ff;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #7c3aed;

  --scalar-color-green: #16a34a;
  --scalar-color-blue: #2563eb;
  --scalar-color-orange: #ea580c;
  --scalar-color-yellow: #ca8a04;
  --scalar-color-red: #dc2626;
  --scalar-color-purple: #7c3aed;
}

body.light-mode .t-doc__sidebar {
  --scalar-sidebar-background-1: #f9fafb;
  --scalar-sidebar-color-1: #111827;
  --scalar-sidebar-color-2: #4b5563;
  --scalar-sidebar-border-color: #e5e7eb;
  --scalar-sidebar-item-hover-background: #f3f4f6;
  --scalar-sidebar-item-hover-color: #111827;
  --scalar-sidebar-item-active-background: #f5f3ff;
  --scalar-sidebar-color-active: #7c3aed;
  --scalar-sidebar-search-background: #ffffff;
  --scalar-sidebar-search-border-color: #e5e7eb;
  --scalar-sidebar-search-color: #6b7280;
}

/* Brand header at the top of the sidebar: Scalar renders no `info.x-logo`. */
.t-doc__sidebar::before {
  content: 'Intermezzo';
  display: flex;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  padding: 1rem 1rem 1rem 3.25rem;
  min-height: 2rem;
  background: url('/static/icon.svg') no-repeat 1rem center / 1.75rem 1.75rem;
  border-bottom: var(--scalar-border-width) solid var(--scalar-sidebar-border-color);
  color: var(--scalar-sidebar-color-1);
  font-family: var(--scalar-font);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.scalar-app h1,
.scalar-app h2,
.scalar-app h3 {
  font-weight: 700;
  letter-spacing: -0.025em;
}