diff --git a/client/global.css b/client/global.css
index eefa9188..30012252 100644
--- a/client/global.css
+++ b/client/global.css
@@ -10,6 +10,15 @@
   */
   :root {
     --background: 222 84% 4.9%;
+
+    /* Spacing tokens */
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 24px;
+    --space-6: 32px;
+    --space-section-y: var(--space-6);
     --foreground: 210 40% 98%;
 
     --card: 222 84% 4.9%;
@@ -90,6 +99,10 @@
 }
 
 @layer utilities {
+  .section-cozy { padding-block: var(--space-section-y); }
+  .gap-cozy { gap: var(--space-5); }
+  .pad-cozy { padding: var(--space-5); }
+
   .text-gradient {
     @apply bg-gradient-to-r from-aethex-400 via-neon-blue to-aethex-600 bg-clip-text text-transparent;
     background-size: 200% 200%;