Adaptado el color de la mesa al modo claro/oscuro

src/components/carta.vue

@@ -179,7 +179,7 @@ export default defineComponent({
 <style lang="sass" vars="{pxesc, escala}">
 
 .c-carta-resaltada
-    transform: translateY(-1rem)
+    transform: translateY(calc(var(--pxesc) * -1))
 
 .c-carta
     position: relative

src/styles/global.sass

@@ -17,6 +17,9 @@ body
   --color-fondo-reyes: #ffffff
   --color-texto-reyes: #2E7D32
 
+  --color-mesa-1: #E3F2FD
+  --color-mesa-2: #90CAF9
+
 
 @media (prefers-color-scheme: dark)
   .tema-automatico
@@ -30,3 +33,6 @@ body
     --color-fondo-dragon-azul: #1565C0
     --color-fondo-reyes: #2E7D32
     --color-texto-reyes: #ffffff
+
+    --color-mesa-1: #004D40
+    --color-mesa-2: #003027

src/views/Juego/Juego.vue

@@ -239,7 +239,7 @@ export default defineComponent({
 .cont-2-juego
     position: absolute
     border: solid 3px #795548
-    background: radial-gradient(#004D40, #003027)
+    background: radial-gradient(var(--color-mesa-1), var(--color-mesa-2))
     transform: rotateX(2deg)
     width: 100%
     height: 100%
@@ -253,7 +253,6 @@ export default defineComponent({
     bottom: 41%
     right: 41%
     text-align: center
-    color: white
 
 //
 </style>