From c6684af521d7dfce03cbd4c85a2c942b212613c8 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 13 Sep 2025 23:17:23 +0200
Subject: [PATCH] Improve colors

---
 web/styles/globals.css | 19 +++++++++++++++----
 web/tailwind.config.js |  9 +++++++++
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/web/styles/globals.css b/web/styles/globals.css
index 93de7219..e33bd2d9 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -6,6 +6,15 @@
     --font-main: "Crimson Pro", Georgia, "Times New Roman", Times, serif;
 }
 
+.main-font {
+    font-family: var(--font-main), serif;
+}
+.main-font a,
+.main-font label,
+.main-font button {
+    font-family: var(--font-main), serif;
+}
+
 .logo {
     font-family: var(--font-main), serif;
 }
@@ -118,11 +127,13 @@
         --color-canvas-0: 20 20 20;
         --color-canvas-50: 20 20 20;
         --color-canvas-100: 40 40 40;
+        --color-canvas-200: 60 60 60;
+        --color-canvas-300: 90 90 90;
 
-        --color-primary-950: 239 246 255; /* very light blue */
-        --color-primary-900: 219 234 254; /* light blue */
-        --color-primary-800: 191 219 254;
-        --color-primary-700: 147 197 253;
+        --color-primary-950: 255 255 255;
+        --color-primary-900: 255 255 255;
+        --color-primary-800: 255 255 255;
+        --color-primary-700: 255 255 255;
         --color-primary-600: 96 165 250;
         --color-primary-500: 59 130 246; /* standard blue */
         --color-primary-400: 37 99 235;
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index de2044d2..65e48a72 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -313,6 +313,15 @@ module.exports = {
           25: 'rgb(var(--color-canvas-25) / <alpha-value>)',
           50: 'rgb(var(--color-canvas-50) / <alpha-value>)',
           100: 'rgb(var(--color-canvas-100) / <alpha-value>)',
+          200: 'rgb(var(--color-canvas-200) / <alpha-value>)',
+          300: 'rgb(var(--color-canvas-300) / <alpha-value>)',
+          400: 'rgb(var(--color-canvas-400) / <alpha-value>)',
+          500: 'rgb(var(--color-canvas-500) / <alpha-value>)',
+          600: 'rgb(var(--color-canvas-600) / <alpha-value>)',
+          700: 'rgb(var(--color-canvas-700) / <alpha-value>)',
+          800: 'rgb(var(--color-canvas-800) / <alpha-value>)',
+          900: 'rgb(var(--color-canvas-900) / <alpha-value>)',
+          950: 'rgb(var(--color-canvas-950) / <alpha-value>)',
         },
 
         primary: {