Fonts (#100)

* Change primary colour

* Change fonts

* font options

* font selection confirmed

---------

Co-authored-by: Timothy Armes <tim@timothyarmes.com>

tailwind.config.js

@@ -8,6 +8,26 @@ module.exports = {
   ],
   theme: {
     extend: {
+      fontFamily: {
+        sans: ['var(--font-inter)'],
+        title: ['var(--font-title)'],
+      },
+      colors: {
+        'primary': {
+          DEFAULT: '#0086C7',
+          50: '#A8E3FF',
+          100: '#94DCFF',
+          200: '#6BCFFF',
+          300: '#42C1FF',
+          400: '#1AB4FF',
+          500: '#00A1F0',
+          600: '#0086C7',
+          700: '#00608F',
+          800: '#003A57',
+          900: '#00151F',
+          950: '#000203'
+        },
+      },
       minHeight: {
         // We use 100svh, falling back to vh for old browsers
         // The 144px is for the header and footer
@@ -18,5 +38,5 @@ module.exports = {
       },
     },
   },
-  plugins: [],
+  plugins: [require('@tailwindcss/forms')],
 };