/* Base typography and resets, layered over Bootstrap's reboot. */

@import url("../lib/fonts/inter/inter.css");

html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-variant-numeric: tabular-nums;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--salut-ink-text);
}

h1 { font-size: var(--salut-text-xl); }
h2 { font-size: var(--salut-text-lg); }
h3 { font-size: var(--salut-text-md); }

a {
  text-underline-offset: 2px;
}

small, .small {
  font-size: var(--salut-text-sm);
}

hr {
  border-color: var(--salut-line);
  opacity: 1;
}

/* Ledger figures (NIM, dates, amounts) read as tabular monospace so
   columns of numbers line up like a real register. */
.salut-num,
td.salut-num,
.salut-index {
  font-family: var(--salut-font-mono);
  font-variant-numeric: tabular-nums;
}

::selection {
  background: var(--salut-ink-soft);
  color: var(--salut-ink-strong);
}

:focus-visible {
  outline: 2px solid var(--salut-ink);
  outline-offset: 1px;
}