feat: create theme for common styles

src/routes/layout.css

@@ -1,5 +1,35 @@
 @import "tailwindcss";
 
+@theme {
+  --color-surface: var(--color-gray-900);
+  --color-surface-hover: var(--color-gray-800);
+  --color-surface-muted: oklch(from var(--color-gray-800) l c h / 40%);
+
+  --color-border: var(--color-gray-800);
+  --color-border-hover: var(--color-gray-700);
+  --color-border-focus: var(--color-blue-500);
+
+  --color-text-primary: var(--color-white);
+  --color-text-secondary: var(--color-gray-400);
+  --color-text-muted: var(--color-gray-500);
+
+  --color-icon: var(--color-gray-400);
+  --color-icon-muted: var(--color-gray-500);
+
+  --color-primary: var(--color-blue-600);
+  --color-primary-hover: var(--color-blue-500);
+
+  --color-success: var(--color-green-900);
+  --color-success-border: var(--color-green-800);
+
+  --color-lang-gdscript: var(--color-blue-500);
+  --color-lang-csharp: var(--color-green-500);
+  --color-lang-rust: var(--color-orange-500);
+  --color-lang-c: var(--color-gray-500);
+  --color-lang-cpp: var(--color-pink-500);
+  --color-lang-default: var(--color-gray-500);
+}
+
 :root {
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
@@ -61,10 +91,6 @@ h1 {
   @apply hover:bg-gray-800;
 }
 
-#nprogress .bar {
-  top: 3.5rem;
-}
-
 button:default {
   border-radius: 8px;
   border: 1px solid transparent;