$sansFamily:
  'Inter var',
  ui-sans-serif,
  system-ui,
  -apple-system,
  BlinkMacSystemFont,
  'Segoe UI',
  Roboto,
  'Helvetica Neue',
  Arial,
  'Noto Sans',
  sans-serif,
  'Apple Color Emoji',
  'Segoe UI Emoji',
  'Segoe UI Symbol',
  'Noto Color Emoji';
$monoFamily:
  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
  'Courier New', monospace;

:root {
  background-color: white;
  color: #222;
}

body {
  font-family: $sansFamily;
  padding: 0;
  margin: 0;
}

pre,
code {
  font-family: $monoFamily;
}

.html-formatter {
  max-width: 1600px;
  min-height: 100vh;
  margin: 0 auto;
}

@media all and (prefers-color-scheme: dark) {
  :root {
    background-color: #1d1d26;
    color: #c9c9d1;
    --cucumber-anchor-color: #4caaee;
    --cucumber-keyword-color: #d89077;
    --cucumber-parameter-color: #4caaee;
    --cucumber-tag-color: #85a658;
    --cucumber-docstring-color: #66a565;
    --cucumber-error-background-color: #cf6679;
    --cucumber-error-text-color: #222;
    --cucumber-code-background-color: #282a36;
    --cucumber-code-text-color: #f8f8f2;
    --cucumber-panel-background-color: #282a36;
    --cucumber-panel-accent-color: #313442;
    --cucumber-panel-text-color: #f8f8f2;
  }
}