Change selection color

src/layouts/Layout.astro

@@ -31,7 +31,8 @@ const { title } = Astro.props;
 
 <style is:global>
 	:root {
-    --link: #b283e5;
+    --bg: #13151a;
+    --accent: #b283e5;
 	}
   @font-face {
     font-family: "Lora";
@@ -46,11 +47,15 @@ const { title } = Astro.props;
   }
 	html {
 		font-family: "Lora", system-ui, sans-serif;
-		background: #13151A;
+		background-color: var(--bg);
 		background-size: 224px;
     color: white;
     font-size: 16px;
 	}
+  *::selection {
+    background-color: var(--accent);
+    color: var(--bg);
+  }
   body {
     display: flex;
     justify-content: center;
@@ -61,7 +66,7 @@ const { title } = Astro.props;
     width: 100%;
   }
   a {
-    color: var(--link);
+    color: var(--accent);
     text-decoration: none;
   }
   a:hover {