From 9cc21cf400d7cb8ea9cc323e1907bd0a8451e988 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:41:14 +0000
Subject: [PATCH] completionId: cgen-0a8ee54525e8482880312880617b999e

cgen-0a8ee54525e8482880312880617b999e
---
 client/global.css | 167 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 167 insertions(+)

diff --git a/client/global.css b/client/global.css
index 6fa21c6f..bafa34f5 100644
--- a/client/global.css
+++ b/client/global.css
@@ -117,6 +117,173 @@
 }
 
 @layer utilities {
+  /* Arm Theme Font Classes */
+  .font-labs {
+    font-family: "VT323", "Courier New", monospace;
+    letter-spacing: 0.05em;
+  }
+
+  .font-gameforge {
+    font-family: "Press Start 2P", "Arial Black", sans-serif;
+    letter-spacing: 0.1em;
+    font-size: 0.875em;
+  }
+
+  .font-corp {
+    font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
+      sans-serif;
+    font-weight: 600;
+  }
+
+  .font-foundation {
+    font-family: "Merriweather", "Georgia", serif;
+    font-weight: 700;
+    letter-spacing: -0.02em;
+  }
+
+  .font-devlink {
+    font-family: "Roboto Mono", "Courier New", monospace;
+    font-weight: 400;
+    letter-spacing: 0.02em;
+  }
+
+  .font-staff {
+    font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
+      sans-serif;
+    font-weight: 600;
+  }
+
+  .font-nexus {
+    font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
+      sans-serif;
+    font-weight: 600;
+  }
+
+  .font-default {
+    font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
+      sans-serif;
+  }
+
+  /* Arm Theme Wallpaper Patterns */
+  .wallpaper-labs {
+    background-image: radial-gradient(
+      circle,
+      rgba(251, 191, 36, 0.08) 1px,
+      transparent 1px
+    );
+    background-size: 20px 20px;
+    background-attachment: fixed;
+  }
+
+  .wallpaper-gameforge {
+    background-image: linear-gradient(
+        45deg,
+        rgba(34, 197, 94, 0.06) 25%,
+        transparent 25%,
+        transparent 75%,
+        rgba(34, 197, 94, 0.06) 75%
+      ),
+      linear-gradient(
+        45deg,
+        rgba(34, 197, 94, 0.06) 25%,
+        transparent 25%,
+        transparent 75%,
+        rgba(34, 197, 94, 0.06) 75%
+      );
+    background-size: 40px 40px;
+    background-position: 0 0, 20px 20px;
+    background-attachment: fixed;
+  }
+
+  .wallpaper-corp {
+    background-image: linear-gradient(
+        90deg,
+        rgba(59, 130, 246, 0.05) 1px,
+        transparent 1px
+      ),
+      linear-gradient(rgba(59, 130, 246, 0.05) 1px, transparent 1px);
+    background-size: 20px 20px;
+    background-attachment: fixed;
+  }
+
+  .wallpaper-foundation {
+    background-image: repeating-linear-gradient(
+      0deg,
+      rgba(239, 68, 68, 0.04) 0px,
+      rgba(239, 68, 68, 0.04) 1px,
+      transparent 1px,
+      transparent 2px
+    );
+    background-attachment: fixed;
+  }
+
+  .wallpaper-devlink {
+    background-image: linear-gradient(
+        0deg,
+        transparent 24%,
+        rgba(6, 182, 212, 0.08) 25%,
+        rgba(6, 182, 212, 0.08) 26%,
+        transparent 27%,
+        transparent 74%,
+        rgba(6, 182, 212, 0.08) 75%,
+        rgba(6, 182, 212, 0.08) 76%,
+        transparent 77%,
+        transparent
+      ),
+      linear-gradient(
+        90deg,
+        transparent 24%,
+        rgba(6, 182, 212, 0.08) 25%,
+        rgba(6, 182, 212, 0.08) 26%,
+        transparent 27%,
+        transparent 74%,
+        rgba(6, 182, 212, 0.08) 75%,
+        rgba(6, 182, 212, 0.08) 76%,
+        transparent 77%,
+        transparent
+      );
+    background-size: 50px 50px;
+    background-attachment: fixed;
+  }
+
+  .wallpaper-staff {
+    background-image: radial-gradient(
+      circle,
+      rgba(168, 85, 247, 0.08) 1px,
+      transparent 1px
+    );
+    background-size: 20px 20px;
+    background-attachment: fixed;
+  }
+
+  .wallpaper-nexus {
+    background-image: linear-gradient(
+        45deg,
+        rgba(236, 72, 153, 0.06) 25%,
+        transparent 25%,
+        transparent 75%,
+        rgba(236, 72, 153, 0.06) 75%
+      ),
+      linear-gradient(
+        45deg,
+        rgba(236, 72, 153, 0.06) 25%,
+        transparent 25%,
+        transparent 75%,
+        rgba(236, 72, 153, 0.06) 75%
+      );
+    background-size: 40px 40px;
+    background-position: 0 0, 20px 20px;
+    background-attachment: fixed;
+  }
+
+  .wallpaper-default {
+    background-image: linear-gradient(
+      135deg,
+      rgba(167, 139, 250, 0.05) 0%,
+      rgba(96, 165, 250, 0.05) 100%
+    );
+  }
+
   .section-cozy {
     padding-block: var(--space-section-y);
   }