Revert "fix: use RGB format for background colors to support Tailwind opacity"

This reverts commit b45ac55.

Author: msujaws

src/index.css

@@ -12,10 +12,10 @@
 :root {
   /* Dark theme (default) */
 
-  /* Background layers (RGB for Tailwind opacity support) */
-  --color-bg-primary: 10 10 10;
-  --color-bg-secondary: 20 20 20;
-  --color-bg-tertiary: 30 30 30;
+  /* Background layers */
+  --color-bg-primary: #0a0a0a;
+  --color-bg-secondary: #141414;
+  --color-bg-tertiary: #1e1e1e;
 
   /* Text colors */
   --color-text-primary: #f5f5f5;
@@ -50,10 +50,10 @@
 :root.light {
   /* Light theme */
 
-  /* Background layers (RGB for Tailwind opacity support) */
-  --color-bg-primary: 255 255 255;
-  --color-bg-secondary: 245 245 245;
-  --color-bg-tertiary: 229 229 229;
+  /* Background layers */
+  --color-bg-primary: #fff;
+  --color-bg-secondary: #f5f5f5;
+  --color-bg-tertiary: #e5e5e5;
 
   /* Text colors */
   --color-text-primary: #171717;

tailwind.config.js

@@ -4,10 +4,10 @@ export default {
   theme: {
     extend: {
       colors: {
-        // Background layers (RGB format for opacity support)
-        'bg-primary': 'rgb(var(--color-bg-primary) / <alpha-value>)',
-        'bg-secondary': 'rgb(var(--color-bg-secondary) / <alpha-value>)',
-        'bg-tertiary': 'rgb(var(--color-bg-tertiary) / <alpha-value>)',
+        // Background layers (CSS variables for theming)
+        'bg-primary': 'var(--color-bg-primary)',
+        'bg-secondary': 'var(--color-bg-secondary)',
+        'bg-tertiary': 'var(--color-bg-tertiary)',
 
         // Accent colors (CSS variables for theming)
         'accent-primary': 'var(--color-accent-primary)',