Convert all Stylus into CSS and add CSS var def file

src/css/colours.css

@@ -0,0 +1,67 @@
+/* Import all the fonts and whatnot */
+@import url("https://fonts.googleapis.com/css2?family=Germania+One&display=swap");
+
+:root {
+	--fonts: 'Germania One', sans-serif;
+
+	/* General Colours */
+	--facist-red: #9d5757;
+	--liberal-blue: #6592bc;
+
+	--title-letter-spacing: 2px;
+	--body-letter-spacing: 1px;
+
+	/***********************************************************/
+	/* Card Colours */
+	--main-background-colour: #23272A;
+	--main-text-colour: #99AAB5;
+
+	--card-background-colour: #23272A;
+	--card-text-colour: var(--main-text-colour);;
+
+	--on-card-background-colour: #2C2F33;
+	--on-card-text-colour: var(--main-text-colour);
+	/***********************************************************/
+
+	--error-background-colour: #FF0000;
+	--error-text-colour: white;
+
+	--warning-background-colour: #DBB400;
+	--warning-text-colour: black;
+
+	--info-background-colour: #7289DA;
+	--info-text-colour: black;
+
+	/***********************************************************/
+	/* Styling for inputs (not all input types use all values) */
+
+	/* general */
+	--input-letter-spacing: 1px;
+	--input-border-width: 2px;
+	--input-border-radius: 7px;
+
+	/* background colours */
+	--input-background: var(--on-card-background-colour);
+	--input-background-hover: #424242;
+	--input-background-active: #4a4a4a;
+	--input-background-focus: var(--input-background);
+	--input-background-warning: var(--input-background);
+	--input-background-error: var(--input-background);
+
+	/* font colours */
+	--input-text: var(--main-text-colour);
+	--input-text-hover: var(--input-text);
+	--input-text-active: var(--input-text);
+	--input-text-focus: var(--input-text);
+	--input-text-warning: var(--input-text);
+	--input-text-error: var(--input-text);
+
+	/* border colours */
+	--input-border-colour: transparent;
+	--input-border-colour-hover: transparent;
+	--input-border-colour-active: transparent;
+	--input-border-colour-focus: var(--liberal-blue);
+	--input-border-colour-warning: transparent;
+	--input-border-colour-error: var(--fascist-red);
+	/***********************************************************/
+}