feat: a whole bunch of fixes ahead of launch

src/css/global/global-styles.css

@@ -34,7 +34,7 @@ h1 {
   font-weight: var(--font-weight-display-extrabold);
   letter-spacing: -0.05rem;
   line-height: 3rem;
-  transform: skew(0deg, -1deg);
+  transform: var(--text-skew);
 }
 
 h2 {
@@ -102,7 +102,7 @@ blockquote > * + * {
 
 :focus-visible {
   outline: 3px solid;
-  outline-color: var(--color-primary);
+  outline-color: var(--color-text);
   outline-offset: 0.3ch;
 }
 
@@ -125,10 +125,6 @@ hr {
 
 :not(pre) > code {
   background-color: var(--color-surface);
-  color: var(--color-primary);
-  border-color: var(--color-border);
-  border-style: solid;
-  border-width: 1px;
   border-radius: 0.5em;
   padding-block: 0.15em;
   padding-inline: 0.25em;

src/css/global/variables.css

@@ -6,5 +6,7 @@
   --color-white: white;
   --color-black: black;
 
+  --text-skew: skew(0deg, -1deg);
+
   --triangles: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path stroke-width="0" d="M0,0 40,40 80,0z" /></svg>');
 }