/* Reset mínimo y fondo base con cuadrícula de plano */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Manrope, sans-serif;
  transition: background .35s, color .35s;
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .54;
  background-image:
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 28px 28px;
}