/* reset + base */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { font-size: 16px; }

body {
  background: var(--fog);
  color: var(--soil);
  font-family: var(--sans);
  font-weight: 400;
  overflow-x: hidden;
  cursor: none;
  line-height: 1.65;
  /* НЕМАє scroll-behavior: smooth — прибрано за вимогою */
}

/* ═══════════════════════════════════════════
   ЗЕРНИСТА ТЕКСТУРА
═══════════════════════════════════════════ */
body::after {
  content: '';
  position: fixed; inset: 0; pointer-events: none; z-index: 8000;
  opacity: 0.45;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.04'/%3E%3C/svg%3E");
}


/* ═══════════════════════════════════════════
   СКРОЛБАР
═══════════════════════════════════════════ */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--fog); }
::-webkit-scrollbar-thumb { background: var(--moss); }