From cde39da1fd0ec6ad196b14bfef4a22eb94317033 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Thu, 9 May 2024 02:19:53 +0200
Subject: [PATCH] =?UTF-8?q?add=20color=20palette=20=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/layout/header.module.scss |  4 ++++
 web/src/css/base.scss                        |  5 +++--
 web/src/css/variables.scss                   | 17 +++++++++++++++--
 3 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/web/src/components/layout/header.module.scss b/web/src/components/layout/header.module.scss
index 445f3f2..6447c1d 100644
--- a/web/src/components/layout/header.module.scss
+++ b/web/src/components/layout/header.module.scss
@@ -21,4 +21,8 @@
     display: flex;
     gap: var(--spacing-sitepadding);
   }
+
+  a {
+    font-weight: 500;
+  }
 }
\ No newline at end of file
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index f1d9fe8..eea6607 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -73,12 +73,13 @@ h6 {
 
 button {
   border-radius: 10rem;
-  background: var(--color-text);
-  color: var(--color-background);
+  background: var(--color-cta);
+  color: var(--color-text);
   border: none;
   padding: 1rem 1.5rem;
   font-family: inherit;
   font-size: inherit;
+  font-weight: 500;
   cursor: pointer;
 
   &:hover {
diff --git a/web/src/css/variables.scss b/web/src/css/variables.scss
index 0e938c9..4a09cbd 100644
--- a/web/src/css/variables.scss
+++ b/web/src/css/variables.scss
@@ -7,8 +7,21 @@
   --font-size-lead: 1.4rem;
 
   // colors
-  --color-text: #333;
-  --color-background: #eee;
+
+  // color palette
+  --color-deepBrick: rgb(114, 3, 40);
+  --color-neufPink: rgb(205, 150, 171);
+  --color-betongGray: rgb(229, 226, 215);
+  --color-goldenOrange: rgb(255, 105, 21);
+  --color-goldenBeige: rgb(248, 188, 144);
+  --color-chateauBlue: rgb(10, 15, 109);
+  --color-white: #fff;
+  --color-black: rgb(22, 21, 22);
+
+  // colors in use
+  --color-text: var(--color-chateauBlue);
+  --color-background: var(--color-betongGray);
+  --color-cta: var(--color-goldenOrange);
 
   // spacing
   --spacing-sitepadding: 2rem;