:root {
	--scalar-custom-header-height: 50px;
}
.custom-header {
	height: var(--scalar-custom-header-height);
	background-color: var(--scalar-background-1);
	box-shadow: inset 0 -1px 0 var(--scalar-border-color);
	color: var(--scalar-color-1);
	font-size: var(--scalar-font-size-2);
	padding: 0 18px;
	position: sticky;
	top: 0;
	z-index: 100;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: 1fr;
	align-items: center;
	gap: 18px;
	grid-template-areas: "logo navigation";
}

.custom-header a {
	grid-area: logo;
	display: flex;
	align-items: center;
	margin-left: 1.5rem;
}

.custom-header nav {
	grid-area: navigation;
	justify-self: end;
	display: flex;
	align-items: center;
	gap: 18px;
}
.custom-header a:hover {
	color: var(--scalar-color-2);
}

/* Hide dark mode toggle reference but preserve interactive elements */
.darklight-reference {
  display: none !important;
}

.references-footer,
.references-footer .footer,
.scalar-api-reference .footer {
  display: none !important;
}

body {
	font-family: 'Source Sans Pro', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

code, pre, kbd, samp {
	font-family: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body.dark-mode .scalar-app,
.scalar-app {
  color-scheme: light !important; 
  background: #fff !important;   
  color: #0f172a !important;
}