style(ct-gt): fix overlay z-index and align CSS variables with global naming convention

Author: myoshi2891

app/istqb-ct-gt-complete-guide/istqb-ct-gt-complete-guide.css

@@ -1,5 +1,8 @@
 /* ===== CSS VARIABLES ===== */
 .istqb-ct-gt-page {
+    position: relative;
+
+    /* Base Variables */
     --bg-deep: #030712;
     --bg-surface: #0d1117;
     --bg-card: #111827;
@@ -18,6 +21,28 @@
     --font-mono: 'Space Mono', monospace;
     --font-head: 'Syne', sans-serif;
     --font-body: 'IBM Plex Sans JP', sans-serif;
+
+    /* Global Naming Convention Mappings */
+    --color-bg-deep: var(--bg-deep);
+    --color-bg-surface: var(--bg-surface);
+    --color-bg-card: var(--bg-card);
+    --color-bg-card-hover: var(--bg-card-hover);
+    
+    --color-accent-green: var(--neon-green);
+    --color-accent-cyan: var(--neon-cyan);
+    --color-accent-orange: var(--neon-amber);
+    --color-accent-red: var(--neon-red);
+    --color-accent-purple: var(--neon-purple);
+    --color-accent-pink: var(--neon-pink);
+    
+    --color-text-primary: var(--text-primary);
+    --color-text-secondary: var(--text-secondary);
+    --color-text-muted: var(--text-muted);
+    
+    --color-border-dim: var(--border-dim);
+    --color-border-glow: var(--border-glow);
+    
+    --font-display: var(--font-head);
 }
 
 /* ===== RESET ===== */
@@ -41,7 +66,7 @@
         transparent 4px
     );
     pointer-events: none;
-    z-index: 9999;
+    z-index: 0;
 }
 
 /* ===== GRID TEXTURE ===== */
@@ -54,7 +79,7 @@
         linear-gradient(90deg, rgba(0, 255, 136, 0.03) 1px, transparent 1px);
     background-size: 40px 40px;
     pointer-events: none;
-    z-index: 9998;
+    z-index: 0;
 }