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

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  font-size: var(--body-lg);
  background: var(--col-bg);
  color: var(--col-ink);
  line-height: 1.65;
  overflow-x: hidden;
}

img { display: block; max-width: 100%; }
a { color: inherit; }

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--col-surface); }
::-webkit-scrollbar-thumb { background: var(--col-accent); }

::selection {
  background: var(--col-accent);
  color: #fff;
}