Refactored primitives & content.css

src/layouts/ContentLayout.astro

@@ -50,7 +50,7 @@ const headerCover =
         subtitle={subtitle}
       />
       <div class="frame">
-        <div class="body content">
+        <div class="body content prose">
           <slot name="before-content" />
           <Content />
           <slot name="after-content" />
@@ -69,12 +69,11 @@ const headerCover =
   .frame {
     @mixin layout-wrapper;
 
-    font-size: var(--typo-size-responsive);
-
     @media (--bp-desktop) {
       position: relative;
       display: grid;
-      grid-template-columns: var(--ui-content-width) var(--ui-margin-width);
+      grid-template-columns: var(--layout-content-width) var(--layout-margin-width);
+      gap: var(--layout-gutter);
     }
   }