/* Shared styles for Getlabs External API docs (ReDoc + Changelog)
   This file is copied to build/css/styles.css during yarn build.
*/

:root {
  --gl-text: #333333;
  --gl-muted: #6b7280;
  --gl-bg: #ffffff;
  --gl-border: #e5e7eb;
  --gl-link: #32329F;
}

/* Base */
html, body {
  height: 100%;
}
body {
  margin: 0;
  background: var(--gl-bg);
  color: var(--gl-text);
  /* matches redoc font fam*/
  font-family: Montserrat, sans-serif;
  line-height: 1.6em;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}


a { color: var(--gl-link); }

/* Top navigation bar shared by index and changelog */
.topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--gl-border);
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: saturate(150%) blur(6px);
  backdrop-filter: saturate(150%) blur(6px);
}
.topbar { height: 28px; }
.topbar img { height: 20px; }
.spacer { flex: 1; }
.topbar a { color: var(--gl-link); text-decoration: none;}

/* Index page: ReDoc container sizing under topbar */
.content { height: calc(100vh - 50px); }

/*!* Changelog page styles *!*/
.container { max-width: 960px; margin: 24px auto; padding: 0 16px; }

.container pre {
  background: #0b1020;
  color: #e5e7eb;
  padding: 12px;
  border-radius: 6px;
  overflow: auto;
}