/* scalar-brand.css — tema Brutal Industrial Azul aplicado à referência Scalar.
   Só variáveis e layout do host; a estrutura interna é do Scalar.
   Arquivo isolado (não passa pelo build Tailwind), linkado na view de docs. */

/* ── Host: referência ocupa a viewport abaixo do header do site ── */
.ft-scalar-host {
  min-height: calc(100vh - var(--ft-header-height, 4.5rem));
}

.ft-scalar-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 6rem 1rem;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-text-muted));
}

/* Barra de editor do Scalar (Developer Tools · Share · Deploy) — fora do produto */
body .scalar-app .api-reference-toolbar,
body .scalar-app .references-developer-tools {
  display: none !important;
}

/* ── Tipografia e âncoras (offset do header fixo do site) ── */
body .scalar-app {
  --scalar-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --scalar-font-code: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --scalar-custom-header-height: var(--ft-header-height, 4.5rem);
  --scalar-radius: 8px;
  --scalar-radius-lg: 12px;
  --scalar-radius-xl: 12px;
}

/* ── Paleta clara ── */
body .scalar-app.light-mode,
body .scalar-app .light-mode {
  --scalar-background-1: #FFFFFF;
  --scalar-background-2: #F7F8FA;
  --scalar-background-3: #EEF0F4;
  --scalar-background-accent: rgba(43, 109, 246, 0.08);
  --scalar-color-1: #14171C;
  --scalar-color-2: #5C6066;
  --scalar-color-3: #7C8188;
  --scalar-color-accent: #2B6DF6;
  --scalar-border-color: #E2E5EA;
  --scalar-sidebar-background-1: #F7F8FA;
  --scalar-sidebar-color-1: #14171C;
  --scalar-sidebar-color-2: #5C6066;
  --scalar-sidebar-color-active: #2B6DF6;
  --scalar-sidebar-item-hover-background: #EEF0F4;
  --scalar-sidebar-item-active-background: rgba(43, 109, 246, 0.10);
  --scalar-sidebar-border-color: #E2E5EA;
  --scalar-sidebar-search-background: #FFFFFF;
  --scalar-sidebar-search-border-color: #E2E5EA;
  --scalar-sidebar-search-color: #5C6066;
}

/* ── Paleta escura (padrão do site) ── */
body .scalar-app.dark-mode,
body .scalar-app .dark-mode {
  --scalar-background-1: #090A0E;
  --scalar-background-2: #111319;
  --scalar-background-3: #1A1D26;
  --scalar-background-accent: rgba(82, 133, 255, 0.10);
  --scalar-color-1: #EFF0EE;
  --scalar-color-2: #9CA2A9;
  --scalar-color-3: #6E747C;
  --scalar-color-accent: #5285FF;
  --scalar-border-color: #2A2E3A;
  --scalar-sidebar-background-1: #0D0F14;
  --scalar-sidebar-color-1: #EFF0EE;
  --scalar-sidebar-color-2: #9CA2A9;
  --scalar-sidebar-color-active: #5285FF;
  --scalar-sidebar-item-hover-background: #1A1D26;
  --scalar-sidebar-item-active-background: rgba(82, 133, 255, 0.12);
  --scalar-sidebar-border-color: #2A2E3A;
  --scalar-sidebar-search-background: #111319;
  --scalar-sidebar-search-border-color: #2A2E3A;
  --scalar-sidebar-search-color: #9CA2A9;
}

/* Verbos HTTP nas cores de status do site (GET verde, POST azul etc.) */
body .scalar-app {
  --scalar-color-green: #4FBE7E;
  --scalar-color-blue: #5285FF;
  --scalar-color-orange: #D29922;
  --scalar-color-red: #F85149;
  --scalar-color-purple: #BC8CFF;
}
body .scalar-app.light-mode {
  --scalar-color-green: #1E7A46;
  --scalar-color-blue: #2B6DF6;
  --scalar-color-orange: #9A6700;
  --scalar-color-red: #CF222E;
  --scalar-color-purple: #8250DF;
}