diff --git a/styles.css b/styles.css
index a464a1b..796cbbe 100644
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,7 @@
 :root {
   --bg: #140700;
   --bg-soft: #051225;
+  --site-gradient: linear-gradient(128deg, #ffb15a 0%, #f3a45f 26%, #9a6670 54%, #4b6fa8 78%, #2d78ef 100%);
   --panel: rgba(14, 16, 21, 0.82);
   --panel-alt: rgba(19, 22, 29, 0.76);
   --panel-border: rgba(255, 255, 255, 0.12);
@@ -31,7 +32,7 @@
 
 html {
   scroll-behavior: smooth;
-  background: #140700;
+  background: var(--site-gradient);
 }
 
 body {
@@ -40,8 +41,7 @@ body {
   padding: var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
   font-family: "Segoe UI", "Trebuchet MS", sans-serif;
   color: var(--text);
-  background:
-    linear-gradient(128deg, #ffb15a 0%, #f3a45f 26%, #9a6670 54%, #4b6fa8 78%, #2d78ef 100%);
+  background: var(--site-gradient);
   background-attachment: fixed;
 }
 
@@ -1863,7 +1863,7 @@ textarea:focus {
 .phase-body {
   padding: 0;
   --phase-top-offset: var(--safe-top);
-  background: #140700;
+  background: var(--site-gradient);
 }
 
 @media (display-mode: standalone), (display-mode: fullscreen) {