diff --git a/theme_3d_systems/static/src/scss/_variables.scss b/theme_3d_systems/static/src/scss/_variables.scss
new file mode 100644
index 0000000..86eec66
--- /dev/null
+++ b/theme_3d_systems/static/src/scss/_variables.scss
@@ -0,0 +1,34 @@
+// Theme Variables & Design Tokens (Odoo 19)
+$theme-bg-darkest: #060910;
+$theme-bg-dark: #0a0f1d;
+$theme-bg-surface: #11182c;
+$theme-bg-surface-elevated: #16203a;
+
+$theme-cyan: #00f2fe;
+$theme-cyan-glow: rgba(0, 242, 254, 0.4);
+$theme-blue: #4facfe;
+$theme-violet: #7928ca;
+$theme-purple: #9d4edd;
+$theme-emerald: #10b981;
+
+// Text colors
+$text-light-bright: #ffffff;
+$text-light-base: #e2e8f0;
+$text-light-muted: #94a3b8;
+$text-light-dim: #64748b;
+
+// Glassmorphism tokens
+$glass-bg: rgba(17, 24, 44, 0.65);
+$glass-bg-hover: rgba(22, 32, 58, 0.85);
+$glass-border: rgba(255, 255, 255, 0.08);
+$glass-border-hover: rgba(0, 242, 254, 0.35);
+$glass-blur: 16px;
+
+// Typography font stacks
+$font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+$font-display: 'Syne', 'Plus Jakarta Sans', sans-serif;
+$font-mono: 'JetBrains Mono', monospace;
+
+// Transitions
+$trans-smooth: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+$trans-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);