diff --git a/static/css/variables.css b/static/css/variables.css
index 161d70e..f2a6db3 100644
--- a/static/css/variables.css
+++ b/static/css/variables.css
@@ -219,6 +219,31 @@
     --shadow-dodgers-lg: 0 8px 32px rgba(0, 90, 156, 0.25);
     --shadow-dodgers-xl: 0 16px 48px rgba(0, 90, 156, 0.3);
 
+    /* =================================================================
+       ELEVATION SCALE - Semantic Elevation System
+       ================================================================= */
+
+    /* Level 0: Flat surface */
+    --elevation-0: var(--shadow-none);
+
+    /* Level 1: Subtle lift for cards */
+    --elevation-1: var(--shadow-sm);
+
+    /* Level 2: Standard elevation for components */
+    --elevation-2: var(--shadow-base);
+
+    /* Level 3: Moderate elevation */
+    --elevation-3: var(--shadow-dodgers-sm);
+
+    /* Level 4: High elevation for floating elements */
+    --elevation-4: var(--shadow-dodgers-md);
+
+    /* Level 5: Higher elevation for overlays */
+    --elevation-5: var(--shadow-dodgers-lg);
+
+    /* Level 6: Maximum elevation for modals */
+    --elevation-6: var(--shadow-dodgers-xl);
+
     /* =================================================================
        BREAKPOINT VARIABLES
        ================================================================= */