:root {
  --ui-font: "Be Vietnam Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --ui-text: #0f172a;
  --ui-muted: #475569;
  --ui-line-height: 1.5;
}

* {
  box-sizing: border-box;
}

html,
body {
  font-family: var(--ui-font);
  color: var(--ui-text);
  line-height: var(--ui-line-height);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-weight: 600;
}

p,
li,
a,
button,
input,
select,
textarea {
  font-family: inherit;
}

p,
li {
  font-size: 15px;
  color: var(--ui-muted);
}

a,
button {
  font-weight: 500;
}