Add CSS variable for content max-width to eliminate duplication

Co-authored-by: BornToBeRoot <[email protected]>

Author: Copilot

Website/src/css/custom.css

@@ -19,6 +19,9 @@
 
   /* Custom color variables */
   --ifm-background-dark: #2b3137;
+
+  /* Custom layout variables */
+  --content-max-width: 1060px;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -42,5 +45,5 @@
 .image {
   display: block;
   margin: auto;
-  max-width: 1060px;
+  max-width: var(--content-max-width);
 }

Website/src/pages/styles.module.css

@@ -97,7 +97,7 @@ table {
 .imageScreenshot {
   display: block;
   margin: auto;
-  max-width: 1060px;
+  max-width: var(--content-max-width);
   width: 100%;
   height: auto;
 }