style(styles): use CSS variables for selection text styling

src/styles/devcm-tokens.scss

@@ -31,6 +31,7 @@ html[data-color-scheme="dark"] {
   --background: var(--devcm-bg);
   --foreground: var(--devcm-text);
   --selectionBackground: rgba(104, 243, 127, 0.24);
+  --selectionText: #fff6d4;
   --blue: var(--devcm-cyan);
   --green: var(--devcm-green);
   --red: var(--devcm-red);
@@ -65,6 +66,7 @@ html[data-color-scheme="light"] {
   --background: var(--devcm-bg);
   --foreground: var(--devcm-text);
   --selectionBackground: rgba(42, 161, 152, 0.18);
+  --selectionText: #073642;
   --blue: var(--devcm-cyan);
   --green: var(--devcm-green);
   --red: var(--devcm-red);
@@ -75,6 +77,6 @@ html[data-color-scheme="light"] {
 }
 
 ::selection {
-  background: rgba(104, 243, 127, 0.26);
-  color: #fff6d4;
+  background: var(--selectionBackground);
+  color: var(--selectionText);
 }