/* FreeConvert brand: primary #727CF5, dark #282F3A */

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #727cf5;
  --md-primary-fg-color--light: #a5abf8;
  --md-primary-fg-color--dark: #5058d6;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: #727cf5;
  --md-accent-fg-color--transparent: rgba(114, 124, 245, 0.1);
  --md-accent-bg-color: #ffffff;
  --md-typeset-a-color: #727cf5;
  --md-footer-bg-color--dark: #1e2e47;
  --md-footer-fg-color: #89919d;
}

.md-header {
  background-color: #ffffff;
  color: #282f3a;
}

.md-header__button,
.md-header__topic,
.md-header__title {
  color: #282f3a;
}

.md-header__topic {
  padding-top: 3px;
}

.md-search__form {
  background-color: #ebedf0;
  border-radius: 4px;
}

.md-search__form:hover {
  background-color: #f3f4f6;
}

.md-search__input {
  color: #282f3a;
}

.md-search__input::placeholder {
  color: #6b7280;
}

.md-search__icon.md-icon {
  color: #6b7280;
}

.md-footer {
  background-color: #ececec;
}

.md-footer__inner {
  color: black;
}

.md-footer-meta__inner {
  justify-content: center;
}

.md-nav--primary .md-nav__title[for="__drawer"] {
  background-color: #ececec;
  color: black;
}

/* Swagger UI */

#swagger-ui {
  margin-top: -100px; /* To remove extra gap at the top */
}

#swagger-ui .opblock-tag,
#swagger-ui .opblock,
#swagger-ui .opblock .opblock-summary-path a {
  scroll-margin-top: 60px; /* to make way for the navbar */
}

/* Apply Overpass fonts to Swagger UI */
#swagger-ui,
#swagger-ui .swagger-ui {
  font-family: "Overpass", sans-serif;
}

#swagger-ui .swagger-ui .opblock-description-wrapper p,
#swagger-ui .swagger-ui .opblock-external-docs-wrapper p,
#swagger-ui .swagger-ui .opblock-title_normal p,
#swagger-ui .swagger-ui table thead tr th,
#swagger-ui .swagger-ui table thead tr td,
#swagger-ui .swagger-ui .parameters-col_description p,
#swagger-ui .swagger-ui .response-col_description p,
#swagger-ui .swagger-ui .markdown p,
#swagger-ui .swagger-ui .renderedMarkdown p,
#swagger-ui .swagger-ui label,
#swagger-ui .swagger-ui select,
#swagger-ui .swagger-ui .btn,
#swagger-ui .swagger-ui input[type="text"],
#swagger-ui .swagger-ui textarea,
#swagger-ui .swagger-ui .info .title,
#swagger-ui .swagger-ui .info li,
#swagger-ui .swagger-ui .info p,
#swagger-ui .swagger-ui .info a,
#swagger-ui .swagger-ui .opblock-tag,
#swagger-ui .swagger-ui .opblock .opblock-summary-operation-id,
#swagger-ui .swagger-ui .opblock .opblock-summary-description,
#swagger-ui .swagger-ui section h3 {
  font-family: "Overpass", sans-serif;
}

#swagger-ui .swagger-ui .microlight,
#swagger-ui .swagger-ui code,
#swagger-ui .swagger-ui pre,
#swagger-ui .swagger-ui .model .property,
#swagger-ui .swagger-ui .model-title,
#swagger-ui .swagger-ui textarea.curl,
#swagger-ui .swagger-ui .response-col_links .response-link-example {
  font-family: "Overpass Mono", monospace;
}