diff --git a/static/css/variables.css b/static/css/variables.css
index c7b6bdd..07f5964 100644
--- a/static/css/variables.css
+++ b/static/css/variables.css
@@ -42,6 +42,50 @@
     --dodgers-gold-800: #b45309;
     --dodgers-gold-900: #92400e;
 
+    /* Additional Brand Colors */
+    --dodgers-white: #FFFFFF;
+    --dodgers-black: #000000;
+    --dodgers-silver: #C0C0C0;
+    --dodgers-navy: #003366;
+    --dodgers-maroon: #8B0000;
+
+    /* Neutral Gray Scale (Tailwind-inspired) */
+    --gray-50: #f9fafb;
+    --gray-100: #f3f4f6;
+    --gray-200: #e5e7eb;
+    --gray-300: #d1d5db;
+    --gray-400: #9ca3af;
+    --gray-500: #6b7280;
+    --gray-600: #4b5563;
+    --gray-700: #374151;
+    --gray-800: #1f2937;
+    --gray-900: #111827;
+
+    /* Warm Gray Scale */
+    --warm-gray-50: #fafaf9;
+    --warm-gray-100: #f5f5f4;
+    --warm-gray-200: #e7e5e4;
+    --warm-gray-300: #d6d3d1;
+    --warm-gray-400: #a8a29e;
+    --warm-gray-500: #78716c;
+    --warm-gray-600: #57534e;
+    --warm-gray-700: #44403c;
+    --warm-gray-800: #292524;
+    --warm-gray-900: #1c1917;
+
+    /* Additional Opacity Variants for States */
+    --dodgers-blue-10: rgba(0, 90, 156, 0.1);
+    --dodgers-blue-20: rgba(0, 90, 156, 0.2);
+    --dodgers-blue-30: rgba(0, 90, 156, 0.3);
+
+    --dodgers-red-10: rgba(239, 62, 66, 0.1);
+    --dodgers-red-20: rgba(239, 62, 66, 0.2);
+    --dodgers-red-30: rgba(239, 62, 66, 0.3);
+
+    --dodgers-gold-10: rgba(255, 215, 0, 0.1);
+    --dodgers-gold-20: rgba(255, 215, 0, 0.2);
+    --dodgers-gold-30: rgba(255, 215, 0, 0.3);
+
     /* Semantic Color Mappings */
     --primary-color: var(--dodgers-blue);
     --secondary-color: var(--dodgers-red);