:root {
  --nt-accent: #1f6b32;
  --nt-accent-strong: #4fb56b;
  --nt-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --nt-root-size: 16px;

  --bs-primary: var(--nt-accent);
  --bs-link-color: var(--nt-accent);
  --bs-link-hover-color: var(--nt-accent-strong);
}

html {
  font-size: var(--nt-root-size);
}

body {
  font-family: var(--nt-font);
  min-height: 100dvh;
  margin: 0;
}

.btn-primary {
  --bs-btn-bg: var(--nt-accent);
  --bs-btn-border-color: var(--nt-accent);
  --bs-btn-hover-bg: var(--nt-accent-strong);
  --bs-btn-hover-border-color: var(--nt-accent-strong);
  --bs-btn-active-bg: var(--nt-accent-strong);
  --bs-btn-active-border-color: var(--nt-accent-strong);
}

.login-frame {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.login-card {
  width: 100%;
  max-width: 22rem;
}

.login-card .form-label {
  margin-bottom: 0.25rem;
}