/* Light scheme: white + teal */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;
  --md-primary-fg-color: #0f766e;
  --md-accent-fg-color: #0d9488;
}

/* Dark scheme: dark-gray + orange */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1f2329;
  --md-default-bg-color--light: #252b33;
  --md-default-bg-color--lighter: #2d3540;
  --md-primary-fg-color: #f9a616;
  --md-accent-fg-color: #f66f33;
}

.md-header {
  backdrop-filter: saturate(140%) blur(8px);
}

/* Swagger UI ships its own dark theme (gated behind `html.dark-mode`,
   toggled in docs/openapi.md to match Material's color scheme). Only add
   the extra visual tweaks that aren't part of that built-in theme. */
html.dark-mode .swagger-ui .opblock {
  border: #757579;
  border-style: solid;
  border-radius: 5px;
  border-width: thin;
  margin-right: 10px;
  margin-left: 10px;
}