Clean up text layouts and picture radius tokens

styles/01-foundations.css

@@ -193,6 +193,7 @@
   --surface-navigation-card-body: var(--color-white);
   --surface-content-block-card-title: var(--color-light-grey);
   --surface-content-block-card-content: var(--color-white);
+  --radius-picture-full-width: var(--radius-card);
   --layout-content-cards-group-gap: var(--spacing-small);
   --surface-card-list-drawer: var(--color-background-purple);
   --text-content-block-card-title: var(--color-font-dark);

styles/31-patterns-text-layouts.css

@@ -4,12 +4,11 @@
 
 .sg-page-text-layouts {
   background: var(--surface-form-preview);
-  color: var(--color-font-dark);
 }
 
 .sg-page-text-layouts .sg-main-heading,
 .sg-page-text-layouts .sg-preview-label {
-  color: var(--color-font-dark);
+  color: inherit;
 }
 
 .sg-text-layout-pattern {

styles/44-components-public-page-components.css

@@ -80,7 +80,7 @@
   width: 100%;
   max-width: 100%;
   height: auto;
-  border-radius: var(--radius-card);
+  border-radius: var(--radius-picture-full-width);
 }
 
 .sg-page-public-page-components .sg-preview-area {