/* Amana branding around Swagger UI and ReDoc. Same palette and typeface as the site. */
@font-face {
  font-family: "BC Arabic";
  src: url("fonts/BCArabic-Regular.woff2") format("woff2");
  font-weight: 100 499;
  font-display: swap;
}
@font-face {
  font-family: "BC Arabic";
  src: url("fonts/BCArabic-Bold.woff2") format("woff2");
  font-weight: 500 900;
  font-display: swap;
}
:root {
  --navy: #1a1a2e;
  --card: #16213e;
  --raised: #0f3460;
  --gold: #efc07b;
  --ink: #f2ede4;
}
body.api-docs {
  margin: 0;
  background: #f6f4ef;
  font-family: "BC Arabic", system-ui, "Segoe UI", sans-serif;
}
.api-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  padding: 14px 24px;
  background: var(--navy);
  color: var(--ink);
}
.api-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  text-decoration: none;
  font-size: 22px;
  font-weight: 500;
}
.api-mark {
  width: 32px;
  height: 32px;
  background: url("logo.svg") center / contain no-repeat;
}
.api-latin {
  font-size: 17px;
  font-weight: 400;
  color: #c9c6d3;
}
.api-header nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}
.api-header nav a {
  color: #c9c6d3;
  text-decoration: none;
}
.api-header nav a:hover {
  color: var(--gold);
}
.api-note {
  margin: 0;
  padding: 10px 24px;
  background: var(--card);
  color: #c9c6d3;
  font-size: 14px;
  border-bottom: 2px solid var(--gold);
}
.api-note code {
  color: var(--gold);
}

/* Swagger UI: hide its own top bar, use the brand font and the gold/navy accents. */
.swagger-ui .topbar {
  display: none;
}
.swagger-ui,
.swagger-ui .info .title,
.swagger-ui .opblock-tag,
.swagger-ui .opblock .opblock-summary-description,
.swagger-ui .btn,
.swagger-ui select,
.swagger-ui input,
.swagger-ui table thead tr th,
.swagger-ui .model-title {
  font-family: "BC Arabic", system-ui, "Segoe UI", sans-serif !important;
}
.swagger-ui .info .title {
  color: var(--navy);
}
.swagger-ui .info .title small {
  background: var(--raised);
}
.swagger-ui .info .title small.version-stamp {
  background: var(--gold);
}
.swagger-ui .info .title small.version-stamp pre {
  color: var(--navy);
}
.swagger-ui .scheme-container {
  background: transparent;
  box-shadow: none;
}
.swagger-ui .btn.authorize {
  color: var(--navy);
  border-color: var(--gold);
  background: var(--gold);
}
.swagger-ui .btn.authorize svg {
  fill: var(--navy);
}
.swagger-ui .btn.execute {
  background: var(--raised);
  border-color: var(--raised);
}
.swagger-ui a.nostyle,
.swagger-ui .info a {
  color: var(--raised);
}
.swagger-ui .opblock-tag {
  color: var(--navy);
}