/* IGAPI — /docs/reference (BACKLOG G-1): the page around the interactive reference, and Scalar's theme variables mapped
   to the site tokens (tokens.css), so dark / light follow [data-theme] on <html> like every other page. Scalar is started
   with theme: 'none'; its own stylesheet is injected by the bundle (style-src 'self' 'unsafe-inline' allows it). */

/* bilingual text: the paired spans (data-en="" / data-fa="") — the same rule as /docs */
html[lang='fa'] [data-en=''] {
  display: none;
}
html:not([lang='fa']) [data-fa=''] {
  display: none;
}
html[lang='fa'] body {
  font-family: var(--font-fa), var(--font-body);
}

.ref-hero {
  padding: var(--s-12) 0 var(--s-6);
}
.ref-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  margin-bottom: var(--s-4);
}
.ref-kicker a {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}
.ref-kicker a:hover,
.ref-kicker a:focus-visible {
  text-decoration: underline;
}
.ref-lang {
  display: inline-flex;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  overflow: hidden;
}
.ref-lang button {
  min-height: 32px;
  padding: 0 var(--s-3);
  border: 0;
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--t-sm);
  cursor: pointer;
}
.ref-lang button.active {
  background: var(--accent-soft);
  color: var(--text);
}
.ref-hero h1 {
  margin: 0 0 var(--s-3);
  font-size: var(--t-4xl);
  line-height: 1.15;
}
.ref-sub {
  max-width: 72ch;
  margin: 0 0 var(--s-5);
  color: var(--text-muted);
}
.ref-sub a,
.ref-note a {
  color: var(--link);
}
.ref-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  margin: 0;
}
.ref-fallback {
  padding: 0 0 var(--s-12);
}
.ref-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ref-list li {
  padding: var(--s-3) 0;
  border-bottom: 1px solid var(--border);
}
.ref-list code,
.ref-sub code,
.ref-note code {
  font-family: var(--font-mono);
  font-size: 0.92em;
}
.ref-app {
  min-height: 0;
  border-top: 1px solid var(--border);
}
.ref-app.ready {
  min-height: 60vh;
}
/* one <h1> per page: Scalar renders the document title (info.title, "IGAPI") as another h1 — the hero above names the page */
#igapi-reference h1 {
  display: none;
}

/* Scalar → tokens (:root — Scalar's own defaults sit there, in a cascade layer, e.g. its default --scalar-font, a web font
   from its own CDN, which the CSP refuses — and both of its mode classes; the tokens already switch with data-theme) */
:root,
.igapi-ref .light-mode,
.igapi-ref .dark-mode,
.igapi-ref.light-mode,
.igapi-ref.dark-mode {
  --scalar-font: var(--font-body);
  --scalar-font-code: var(--font-mono);
  --scalar-color-1: var(--text);
  --scalar-color-2: var(--text-muted);
  --scalar-color-3: var(--text-3);
  --scalar-color-accent: var(--accent);
  --scalar-color-ghost: var(--text-3);
  --scalar-color-disabled: var(--text-3);
  --scalar-background-1: var(--bg);
  --scalar-background-2: var(--surface);
  --scalar-background-3: var(--surface-2);
  --scalar-background-4: var(--surface-3);
  --scalar-background-accent: var(--accent-soft);
  --scalar-background-card: var(--surface);
  --scalar-border-color: var(--border);
  --scalar-link-color: var(--link);
  --scalar-link-color-hover: var(--link);
  --scalar-button-1: var(--accent);
  --scalar-button-1-color: var(--on-accent);
  --scalar-button-1-hover: var(--accent-hover);
  --scalar-color-green: var(--ok);
  --scalar-color-red: var(--danger);
  --scalar-color-danger: var(--danger);
  --scalar-background-danger: var(--err-soft);
  --scalar-color-yellow: var(--warn);
  --scalar-color-alert: var(--warn);
  --scalar-background-alert: var(--warn-soft);
  --scalar-color-blue: var(--info);
  --scalar-color-orange: var(--warn);
  --scalar-color-purple: var(--info); /* violet is the logo's only (design system) */
  --scalar-sidebar-background-1: var(--surface);
  --scalar-sidebar-color-1: var(--text);
  --scalar-sidebar-color-2: var(--text-muted);
  --scalar-sidebar-color-active: var(--accent);
  --scalar-sidebar-border-color: var(--border);
  --scalar-sidebar-item-hover-background: var(--surface-2);
  --scalar-sidebar-item-hover-color: var(--text);
  --scalar-sidebar-item-active-background: var(--accent-soft);
  --scalar-sidebar-search-background: var(--bg);
  --scalar-sidebar-search-border-color: var(--border);
  --scalar-sidebar-search-color: var(--text-muted);
}