feat: a whole bunch of fixes ahead of launch

src/css/blocks/catalogue.css

@@ -4,19 +4,13 @@
   gap: var(--spacing-1);
 }
 
-.catalogue-list-item a {
-  display: block;
+.catalogue h2 {
+  --flow-space: var(--spacing-0\.5);
+  transform: var(--text-skew);
+  color: var(--color-fadeText);
 }
 
 .catalogue source,
 .catalogue img {
   max-width: 300px;
 }
-
-.catalogue h1 {
-  transform: none;
-}
-
-.catalogue-meta {
-  text-align: center;
-}

src/css/blocks/menu.css

@@ -4,3 +4,7 @@
     drop-shadow(0 -1px 0 var(--color-white))
     drop-shadow(0 1px 0 var(--color-white));
 }
+
+.menu > li:has(a:focus-visible) {
+  filter: none;
+}

src/css/blocks/site-logo.css

@@ -5,6 +5,7 @@
 }
 
 .site-logo .logo img {
+  user-select: none;
   filter: drop-shadow(0 1px 0 var(--color-white))
     drop-shadow(1px 0 0 var(--color-white))
     drop-shadow(-1px 0 0 var(--color-white))

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>');
 }

src/css/utilities/fonts.css

@@ -33,3 +33,7 @@
 .line-height-xl {
   line-height: 2rem;
 }
+
+.text-skew {
+  transform: var(--text-skew);
+}