@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body.vtranet-v2,
.vtranet-v2 {
  font-family: var(--vt-font-family);
  font-size: var(--vt-font-size-base);
  line-height: var(--vt-line-height);
  color: var(--vt-body-color);
  background-color: var(--vt-body-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vtranet-v2 h1,
.vtranet-v2 h2,
.vtranet-v2 h3,
.vtranet-v2 h4,
.vtranet-v2 h5,
.vtranet-v2 h6 {
  font-weight: 600;
  color: var(--vt-body-color);
}

.vtranet-v2 a {
  color: var(--vt-primary);
  text-decoration: none;
}

.vtranet-v2 a:hover {
  text-decoration: underline;
}

.vtranet-v2 .text-muted {
  color: var(--vt-secondary) !important;
}

.vtranet-v2 .vt-page-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.vtranet-v2 .vt-section-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--vt-border-color);
}