fix border usage

Author: Rich-Harris

packages/site-kit/src/lib/nav/MobileMenu.svelte

@@ -332,7 +332,7 @@
 		hr {
 			margin: 0.5rem 0;
 			height: 1px;
-			background: var(--sk-border-shadow);
+			background: var(--sk-border);
 			border: none;
 		}
 	}

packages/site-kit/src/lib/search/SearchBox.svelte

@@ -336,7 +336,7 @@ It appears when the user clicks on the `Search` component or presses the corresp
 			border: none;
 			flex-shrink: 0;
 			color: var(--sk-fg-1);
-			border-bottom: 1px solid var(--sk-border-shadow);
+			border-bottom: 1px solid var(--sk-border);
 			background: inherit;
 
 			&::placeholder {

packages/site-kit/src/lib/styles/tokens/colours.css

@@ -35,8 +35,8 @@
 	--sk-bg-selection: hsla(204, 100%, 63%, 0.3);
 
 	/* Border colors */
-	--sk-border-highlight: hsl(0, 0%, 95%);
 	--sk-border: hsl(0, 0%, 92%);
+	--sk-border-highlight: hsl(0, 0%, 95%);
 	--sk-border-shadow: hsl(0, 0%, 86%);
 
 	/* Misc */
@@ -73,8 +73,8 @@
 	--sk-bg-accent: hsl(15, 100%, 35%);
 
 	/* Border colours */
-	--sk-border-highlight: hsl(var(--sk-bg-hue), 15%, 32%);
 	--sk-border: hsl(var(--sk-bg-hue), 15%, 25%);
+	--sk-border-highlight: hsl(var(--sk-bg-hue), 15%, 32%);
 	--sk-border-shadow: var(--sk-bg-3);
 
 	/* Misc */