From c320a158879c2ffdf57780a90f21dad8aea9dcd4 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Fri, 20 Jun 2025 14:59:11 +0100
Subject: [PATCH] Extract some colour variables

---
 assets/css/app.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 1021572..815d681 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -21,11 +21,15 @@
   --space-lg:   calc(2 * var(--space-unit));
   --space-xl:   calc(3.25 * var(--space-unit));
   --space-xxl:  calc(5.25 * var(--space-unit));
+
+  --cotech-white: white;
+  --cotech-grey: #1e2637;
+  --cotech-blue: #38aad5;
 }
 
 p, li, a {
   font-family: "open_sansregular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  color: #1e2637;
+  color: var(--cotech-grey);
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -45,7 +49,7 @@ h1, h2, h3, h4, h5, h6 {
 
 .header a:hover {
   text-decoration: underline;
-  color: #38aad5;
+  color: var(--cotech-blue);
 }
 
 .header_logo-link {
@@ -81,7 +85,7 @@ h1, h2, h3, h4, h5, h6 {
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1.6;
-  color: #ffffff;
+  color: var(--cotech-white);
   max-width: 50ch;
 }
 
@@ -92,10 +96,10 @@ h1, h2, h3, h4, h5, h6 {
 .hero_button {
   cursor: pointer;
   padding: var(--space-sm);
-  border: 1px solid white;
+  border: 1px solid var(--cotech-white);
   border-radius: 4px;
 }
 
 .hero_button a {
-  color: white;
+  color: var(--cotech-white);
 }