/* ════════════════════════════════════════════════
   BASE  –  reset, body, scrollbar
════════════════════════════════════════════════ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Quicksand', sans-serif;
  font-optical-sizing: auto;
  font-size: 13px;
  background: var(--clr-bg);
  color: var(--clr-text);
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

::-webkit-scrollbar        { width: 4px; height: 4px; }
::-webkit-scrollbar-track  { background: transparent; }
::-webkit-scrollbar-thumb  { background: var(--clr-border-2); border-radius: 4px; }