Convert almost all variables from sass to css. Move reset into base.

assets/sass/base/reset/_reset.scss

@@ -0,0 +1,101 @@
+// stylelint-disable property-no-vendor-prefix
+
+// Reset browsers to some sane defaults.
+
+// Document
+
+// Use the saner border-box model for all elements.
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:root {
+  // Activate transition to intrinsic sizes like auto and fit-content.
+  interpolate-size: allow-keywords;
+}
+
+// Transitioning page view.
+@view-transition {
+  navigation: auto;
+}
+
+html {
+  // Prevent adjustments of font size.
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+  // Improve text rendering.
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+// Sections
+
+body {
+  // Remove the margin in all browsers.
+  margin: 0;
+  padding: 0;
+  // On short pages, we want the body to fill the entire height
+  // of the browser.
+  min-height: 100vh;
+}
+
+// Embedded content
+
+img,
+svg,
+picture,
+audio,
+video,
+canvas,
+iframe,
+embed,
+object {
+  display: block;
+}
+
+img,
+svg,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+figure {
+  margin-inline: 0;
+}
+
+// Form defaults.
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+  letter-spacing: inherit;
+  word-spacing: inherit;
+}
+
+[type='search'] {
+  @include respond-to(s) {
+    // Correct the odd appearance in Safari on desktop.
+    -webkit-appearance: textfield;
+  }
+}
+
+// Code
+
+code,
+kbd,
+samp {
+  font-family: var(--ff-monospace);
+}
+
+// Numbers
+
+td,
+math,
+time[datetime*=':'] {
+  font-variant-numeric: tabular-nums lining-nums;
+}