From 5d25eea5892ac3c20974f41fc01265c52bcf8825 Mon Sep 17 00:00:00 2001
From: "luisa.bellitto" <luisa.bellitto@bluehands.de>
Date: Sat, 14 Jun 2025 12:21:42 +0200
Subject: [PATCH] add colors and fonts

---
 code/frontend/src/colors.css |  3 ++-
 code/frontend/src/fonts.css  | 30 +++++++++++++++++++-----------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/code/frontend/src/colors.css b/code/frontend/src/colors.css
index e26274e..60f352a 100644
--- a/code/frontend/src/colors.css
+++ b/code/frontend/src/colors.css
@@ -3,7 +3,8 @@
     --Rotkehlchen-brown-light: #a28d7a;
     --Rotkehlchen-brown-middle: #7F6D6D;
     --Rotkehlchen-brown-dark: #4C4141;
-    --Rotkehlchen-yellow: #FED640;
+    --Rotkehlchen-yellow-default: #FED640;
     --Rotkehlchen-yellow-hover: #EAC22A;
     --Rotkehlchen-orange-default: #e79a0e;
+    --gradient-blue-backround-mobile: linear-gradient(270deg, rgba(20, 15, 86, 0.27) 0%, rgba(20, 15, 86, 0.58) 24%, rgba(20, 15, 86, 0.74) 43%, rgba(17, 13, 71, 0.82) 56%, rgba(13, 10, 56, 0.90) 68%), url('../public/assets/images/BirdsSky.jpg') lightgray 50% / cover no-repeat;
   }
\ No newline at end of file
diff --git a/code/frontend/src/fonts.css b/code/frontend/src/fonts.css
index 3d5577b..4d11c5d 100644
--- a/code/frontend/src/fonts.css
+++ b/code/frontend/src/fonts.css
@@ -1,18 +1,18 @@
 @font-face {
-  font-family: "Inter";
+  font-family: "Lora";
   font-style: normal;
   font-weight: 400;
-  src: url(../public/assets/fonts/Inter/static/Inter_24pt-Medium.ttf);
+  src: url(../public/assets/fonts/Lora/Lora-VariableFont_wght.ttf);
   unicode-range: U+00-52F, U+1E00-1FFF, U+2200-22FF;
 }
 .title-h1 {
-  font-family: "Inter";
+  font-family: "Lora";
   font-size: 2.5rem;
   line-height: 130%;
   letter-spacing: 3.2px;
 }
 
-.base-header-title {
+.small-title {
   font-family: "Lora";
   font-size: 24px;
   font-style: normal;
@@ -27,16 +27,16 @@
 }
 
 h1 {
-  font-family: "Inter";
+  font-family: "Lora";
 }
 @font-face {
-  font-family: "Lora";
+  font-family: "Inter";
   font-style: normal;
-  src: url(../public/assets/fonts/Lora/Lora-VariableFont_wght.ttf);
+  src: url(../public/assets/fonts/Inter/static/Inter_24pt-Medium.ttf);
 }
 .body-l,
 .body-m {
-  font-family: "Lora";
+  font-family: "Inter";
 }
 .body-l {
   font-size: 1.5rem;
@@ -49,12 +49,20 @@ h1 {
   letter-spacing: 0.8px;
 }
 .footer-link {
-  font-family: "Lora";
+  font-family: "Inter";
   font-size: 1rem;
   line-height: 100%;
   letter-spacing: 0.8px;
 }
 
-p {
-  font-family: "Lora";
+.login-input {
+  font-family: 'Inter';
+  font-size: 1rem;
+  letter-spacing: 0.5px;
+  line-height: 24px;
+  font-weight: 400;
+}
+
+p {
+  font-family: "Inter";
 }