@layer base {
  html, body { min-height: 100%; }

  body {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--font-mono);
    font-size: var(--text-base);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant-numeric: tabular-nums;
    min-height: 100dvh;
  }

  ::selection { background: var(--fg); color: var(--bg); }

  :focus-visible { outline: var(--focus); outline-offset: 2px; }

  .turbo-progress-bar { background: var(--fg); height: 1px; }
}