Initial commit

app/globals.css

@@ -0,0 +1,58 @@
+@import "../styles/tokens.css";
+@import "../styles/buttons.css";
+@import "../styles/forms.css";
+@import "../styles/typography.css";
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  height: 100%;
+  font-size: 112.5%; /* 16px × 1.125 = 18px */
+}
+html.has-menu-open {
+  scrollbar-gutter: stable;
+}
+
+html,
+body {
+  max-width: 100vw;
+}
+
+body {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  color: var(--font-body-color);
+  background: var(--color-background);
+  font-family: var(--font-body);
+  font-size: 1rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: var(--line-height-body);
+  -webkit-tap-highlight-color: transparent;
+}
+
+main {
+  width: 100%;
+  max-width: 1280px;
+  margin-inline: auto;
+  padding: 0 var(--space-4);
+}
+
+@media (min-width: 768px) {
+  main {
+    padding: 0 var(--space-4);
+  }
+}
+
+@media (min-width: 1024px) {
+  main {
+    padding: 0 var(--space-6);
+  }
+}