diff --git a/styles/global.css b/styles/global.css
index 89e2cb6..a9afe69 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -3,27 +3,11 @@
 @tailwind utilities;
 
 :root {
-  --background-body: #202b38;
-  --background: #161f27;
-  --background-alt: #1a242f;
-  --selection: #1c76c5;
-  --text-main: #dbdbdb;
-  --text-bright: #fff;
-  --text-muted: #a9b1ba;
-  --links: #41adff;
-  --focus: #0096bfab;
-  --border: #526980;
-  --code: #ffbe85;
-  --animation-duration: 0.1s;
-  --button-base: #0c151c;
-  --button-hover: #040a0f;
-  --scrollbar-thumb: var(--button-hover);
-  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(-30%));
-  --form-placeholder: #a9a9a9;
-  --form-text: #fff;
-  --variable: #d941e2;
-  --highlight: #efdb43;
-  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);
+  /* LOGO Theme colors */
+  --rich-black: #071425ff;
+  --air-force-blue: #6f8fa5ff;
+  --light-blue: #a5c6cdff;
+  --white: #ffffffff;
 }
 
 @layer components {
@@ -42,6 +26,29 @@
 }
 
 @layer base {
+  :root {
+    --background-body: #202b38;
+    --background: #161f27;
+    --background-alt: #1a242f;
+    --selection: #1c76c5;
+    --text-main: #dbdbdb;
+    --text-bright: #fff;
+    --text-muted: #a9b1ba;
+    --links: #41adff;
+    --focus: #0096bfab;
+    --border: #526980;
+    --code: #ffbe85;
+    --animation-duration: 0.1s;
+    --button-base: #0c151c;
+    --button-hover: #040a0f;
+    --scrollbar-thumb: var(--button-hover);
+    --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(-30%));
+    --form-placeholder: #a9a9a9;
+    --form-text: #fff;
+    --variable: #d941e2;
+    --highlight: #efdb43;
+    --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);
+  }
 
   /* base --------------------------------*/
   html {