:root {
  color-scheme: light;
  --guard-brand: #98242d;
  --guard-brand-hover: #6e1e28;
  --guard-background: #f7f8f9;
  --guard-code-background: #e6e9ec;
  --guard-surface: #fff;
  --guard-text: #0d0d0d;
  --guard-border: #d1d5d9;
}

html { box-sizing: border-box; overflow-y: scroll; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; background: var(--guard-background); }
.swagger-ui { color: var(--guard-text); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.swagger-ui :where(code, pre) { font-family: "IBM Plex Mono", ui-monospace, monospace; }
.swagger-ui .markdown code,
.swagger-ui .renderedMarkdown code {
  color: var(--guard-text);
  background: var(--guard-code-background);
  font-weight: 400;
}
.swagger-ui .info .title, .swagger-ui .info a { color: var(--guard-brand); }
.swagger-ui .info a:hover { color: var(--guard-brand-hover); }
.swagger-ui .scheme-container {
  background: var(--guard-surface);
  border: 1px solid var(--guard-border);
  box-shadow: none;
}
.swagger-ui .btn.authorize { color: var(--guard-brand); border-color: var(--guard-brand); }
.swagger-ui .btn.authorize svg { fill: var(--guard-brand); }
.swagger-ui .btn.execute { color: #fff; background: var(--guard-brand); border-color: var(--guard-brand); }
.swagger-ui .btn.execute:hover { background: var(--guard-brand-hover); border-color: var(--guard-brand-hover); }
.swagger-ui :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 0;
  box-shadow: 0 0 0 4px #0d0d0d;
}