Update theme to use brand color instead of hardcoded red

barkmanui/src/pages/home.tsx

@@ -7,13 +7,13 @@ function Home() {
     return (
         <>
             <div>
-                <h1 className={"text-red-600"}>Home</h1>
+                <h1 className={"text-brand"}>Home</h1>
             </div>
             <p>
                 ARFF ARFF BARK BARK
             </p>
             <Link to="/inventory">
-                <button className="bg-red-600 rounded text-white font-bold px-4 py-2">Inventory</button>
+                <button className="bg-brand rounded text-white font-bold px-4 py-2">Inventory</button>
             </Link>
 
         </>

barkmanui/src/pages/inventory.tsx

@@ -7,13 +7,13 @@ function Inventory() {
     return (
         <>
             <div>
-                <h1 className={"text-red-600"}>Inventory</h1>
+                <h1 className={"text-brand"}>Inventory</h1>
             </div>
             <p>
                 ARFF ARFF BARK BARK
             </p>
             <Link to="/">
-                <button className="bg-red-600 rounded text-white font-bold px-4 py-2">Home</button>
+                <button className="bg-brand rounded text-white font-bold px-4 py-2">Home</button>
             </Link>
 
         </>

barkmanui/tailwind.config.js

@@ -2,7 +2,11 @@
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        brand: "#D40404",
+      },
+    },
   },
   plugins: [],
 }