💄(frontend) update color palette

Discussed IRL with Robin and Natan. Previous iteration wasn't
appropriated for a visioconference tool.

Try a trade off between nice colors and DSFR. We will probably
continue to iterate on these.

src/frontend/panda.config.ts

@@ -96,16 +96,16 @@ const config: Config = {
       colors: defineTokens.colors({
         ...pandaPreset.theme.tokens.colors,
         primaryDark: {
-          50: { value: '#1B1B35' },
+          50: { value: '#161622' },
-          100: { value: '#2B2B5B' },
+          100: { value: '#2D2D46' },
-          200: { value: '#3B3B81' },
+          200: { value: '#43436A' },
-          300: { value: '#4A4AA8' },
+          300: { value: '#5A5A8F' },
-          400: { value: '#5A5ACE' },
+          400: { value: '#7070B3' },
-          500: { value: '#6A6AF4' },
+          500: { value: '#8787D7' },
-          600: { value: '#8585F6' },
+          600: { value: '#9D9DDF' },
-          700: { value: '#CACAFB' },
+          700: { value: '#B3B3E7' },
-          800: { value: '#E3E3FB' },
+          800: { value: '#C9C9EE' },
-          900: { value: '#ECECFE' },
+          900: { value: '#DFDFF6' },
           950: { value: '#F5F5FE' },
           action: { value: '#C1C1FB' },
         },
@@ -141,17 +141,17 @@ const config: Config = {
           1000: { value: '#161616' },
         },
         error: {
-          100: {value: '#391C1C'},
+          100: { value: '#261212' },
-          200: {value: '#412121'},
+          200: { value: '#6C302E' },
-          300: {value: '#642626'},
+          300: { value: '#983533' },
-          400: {value: '#CE0500'},
+          400: { value: '#CA3632' },
-          500: {value: '#F60700'},
+          500: { value: '#EF413D' },
-          600: {value: '#FF5655'},
+          600: { value: '#EE6A66' },
-          700: {value: '#FFBDBD'},
+          700: { value: '#F28D8A' },
-          800: {value: '#FFDDDD'},
+          800: { value: '#F6AFAD' },
-          900: {value: '#FFE9E9'},
+          900: { value: '#FAD2D1' },
-          950: {value: '#FFF4F4'},
+          950: { value: '#FFF4F4' },
-        }
+        },
       }),
       animations: {},
       blurs: {},