v1.2.0-beta/website restructure

website/styles/extrasmall.css

@@ -0,0 +1,6 @@
+body {
+  background-color: var(--primary);
+}
+* {
+  color: var(--secondary);
+}

website/styles/index.css

@@ -0,0 +1,8 @@
+@import './variables.css';
+@import './variables-dark.css' screen and (prefers-color-scheme: dark);
+
+@import './extrasmall.css';
+@import 'small.css' screen and (min-width: 576px);
+@import './medium.css' screen and (min-width: 768px);
+@import './large.css' screen and (min-width: 992px);
+@import './extralarge.css' screen and (min-width: 1200px);

website/styles/variables-dark.css

@@ -0,0 +1,8 @@
+:root {
+  --primary: #353e4a;
+  --primary-complement: #fbf8ef;
+  --secondary: #9acb34;
+  --secondary-complement: #7da329;
+  --tertiary: #04ddd9;
+  --tertiary-complement: #02a19f;
+}

website/styles/variables.css

@@ -0,0 +1,8 @@
+:root {
+  --primary: #fbf8ef;
+  --primary-complement: #353e4a;
+  --secondary: #7da329;
+  --secondary-complement: #9acb34;
+  --tertiary: #02a19f;
+  --tertiary-complement: #04ddd9;
+}