Create style.css

style.css

@@ -0,0 +1,46 @@
+:root{
+    --color_highlight: #ffffff;
+    --color_white: #fff;
+    --color_black: #2d3436;
+    --color_black-opaque: rgba(0, 0, 0, 0.8);
+    --color_black-opaquer: rgba(0, 0, 0, 0.65);
+    --color_black-opaquest: rgba(0, 0, 0, 0.3);
+    --color_gold: #ffd700;
+    --color_red: #de2960;
+    --color_red-dark: #c72c5b;
+    --radius-tiny: 4px;
+    --radius-small: 8px;
+    --radius-rounded: 20px;
+    --radius-circle: 9999px;
+    --fs_xs: 0.8571428571rem;
+    --fs_s: 0.9285714286rem;
+    --fs_n: 1rem;
+    --fs_m: 1.0714285714rem;
+    --fs_l: 1.1428571429rem;
+    --fs_xl: 1.3571428571rem;
+    --fs_xxl: 1.7142857143rem;
+    --font_family: 'Manrope', 'Helvetica Neue', system-ui, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, sans-serif;
+    --solid_color_primary: #132241;
+    --solid_color_primary-opaque: rgba(255, 255, 255, 0.6);
+    --solid_color_secondary: #e2e8ec;
+    --solid_color_secondary-dark: #d9e0e5;
+    --solid_color_tertiary: #223e69;
+    --solid_color_block: #f5f8fa;
+    --solid_color_highlight: rgb(240 255 0 / 0%);
+    --solid_color_toast: #232425;
+    --solid_color_bubble: #2c3d7d;
+    --text_color_primary: #ffffff;
+    --text_color_secondary: #4b4f55;
+    --text_color_tertiary: #eb2323;
+    --text_color_alt: var(--solid_color_secondary);
+    --border_color_secondary: #ececed;
+    --border_color_input: #CED0D4;
+    --color_input_placeholder: var(--color_black-opaquest);
+    --navigation_background: var(--color_white);
+    --navigation_blend: #aaa;
+    --navigation_blend--light: #f2f2f2;
+    --navigation_primary: var(--color_black);
+    --navigation_brand: var(--color_white);
+    --navigation_search: #f0f2f5;
+    --color_input_placeholder: var(--color_black-opaquest);
+}