initial

assets/scss/main.scss

@@ -0,0 +1,78 @@
+@use 'reset';
+@use 'colors' as *;
+@use 'typography' as *;
+@use 'utils' as *;
+
+// Base styles
+html {
+  font-size: 16px;
+  line-height: 1.5;
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: $font-family-base;
+  color: white;
+  background-color: black;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+// Typography
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: $font-weight-semibold;
+  line-height: 100%;
+  color: #ffffff;
+}
+
+h1 {
+  @include h1('h1');
+}
+
+h2 {
+  @include h2('h2');
+}
+
+h3 {
+  @include h3('h3');
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+  transition: all 0.2s ease;
+}
+
+// Buttons
+button {
+  cursor: pointer;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  border: none;
+  background: none;
+  padding: 0;
+}
+
+// Forms
+input,
+textarea,
+select {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  border-radius: 0.25rem;
+  padding: 0.5rem 1rem;
+  transition: all 0.2s ease;
+
+  &:focus {
+    outline: none;
+    border-color: $brand-primary;
+  }
+}