/* Landing / marketing pages use marketing-auth.css (imported via layout). */

html {
  font-size: 16px;
  line-height: 1.5;
  background: #080d17;
  -webkit-font-smoothing: antialiased;
}

html:has(.a7-mkt) {
  background: #080d17;
}

html:has(.a7-mkt) body {
  color: #f3f6fc;
  background: #080d17;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

html:has(.tl-shell) {
  background: #f8f9fa;
}

html:has(.tl-shell) body {
  color: #111111;
  background: #f8f9fa;
}

html,
body,
#app {
  height: 100%;
}

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a:focus {
  outline: none;
}

svg {
  vertical-align: middle;
}