From e724b3bf865c623bffcda7a0c2f8b582e9a0101a Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Sat, 20 Dec 2025 18:19:13 -0600
Subject: [PATCH] Move to variable

---
 app/assets/stylesheets/_global.css        | 1 +
 app/assets/stylesheets/welcome-letter.css | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css
index 30e5da88a..0fa86deb0 100644
--- a/app/assets/stylesheets/_global.css
+++ b/app/assets/stylesheets/_global.css
@@ -79,6 +79,7 @@
   --z-tooltip: 50;
   --z-bar: 60;
   --z-tray: 61;
+  --z-welcome: 62;
 
   /* OKLCH colors: Fixed */
   --lch-black: 0% 0 0;
diff --git a/app/assets/stylesheets/welcome-letter.css b/app/assets/stylesheets/welcome-letter.css
index 1a5338cc2..80424ef66 100644
--- a/app/assets/stylesheets/welcome-letter.css
+++ b/app/assets/stylesheets/welcome-letter.css
@@ -2,7 +2,7 @@
   .welcome-letter {
     position: relative;
     view-transition-name: welcome-letter;
-    z-index: 99;
+    z-index: var(--z-welcome);
 
     h2, p {
       text-wrap: pretty;