css refactor

src/registrar/assets/sass/_theme/_lists.scss

@@ -0,0 +1,14 @@
+@use "uswds-core" as *;
+
+dt {
+    color: color('primary-dark');
+    margin-top: units(2);
+    font-weight: font-weight('semibold');
+    // The units mixin can only get us close, so it's between 
+    // hardcoding the value and using  in markup
+    font-size: 16.96px;
+}
+dd {
+    margin-left: 0;
+}
+

src/registrar/assets/sass/_theme/_register-form.scss

@@ -6,13 +6,15 @@
   margin-top: units(-1);
 }
 
-  //Tighter spacing when H2 is immediatly after H1
+// Tighter spacing when h2 is immediatly after h1
 .register-form-step .usa-fieldset:first-of-type h2:first-of-type,
 .register-form-step h1 + h2 {
   margin-top: units(1);
 }
 
-.register-form-step h3:not(.text-base-darkest) {
+// register-form-review-header is used on the summary page and
+// should not be styled like the register form headers
+.register-form-step h3 {
   color: color('primary-dark');
   letter-spacing: $letter-space--xs;
   margin-top: units(3);
@@ -23,6 +25,16 @@
   }
 }
 
+h3.register-form-review-header {
+  color: color('primary-dark');
+  margin-top: units(2);
+  margin-bottom: 0;
+  font-weight: font-weight('semibold');
+  // The units mixin can only get us close, so it's between 
+  // hardcoding the value and using  in markup
+  font-size: 16.96px;
+}
+
 .register-form-step h4 {
   margin-bottom: 0;
 

src/registrar/assets/sass/_theme/styles.scss

@@ -10,6 +10,7 @@
 --- Custom Styles ---------------------------------*/
 @forward "base";
 @forward "typography";
+@forward "lists";
 @forward "buttons";
 @forward "forms";
 @forward "fieldsets";

src/registrar/templates/application_review.html

@@ -112,7 +112,7 @@
           {% endwith %}
 
           {% if application.alternative_domains.all %}
-            <h3 class="margin-bottom-0 margin-top-2 text-base-darkest font-body-sm text-semibold">Alternative domains</h3>
+            <h3 class="register-form-review-header">Alternative domains</h3>
             <ul class="usa-list usa-list--unstyled margin-top-0">
               {% for site in application.alternative_domains.all %}
                 <li>{{ site.website }}</li>

src/registrar/templates/includes/summary_item.html

@@ -31,10 +31,10 @@
             {% if value %}
               <dl class="usa-list usa-list--unstyled margin-top-0">
                 {% for item in value %}
-                  <dt class="font-body-sm text-semibold margin-top-2">
+                  <dt>
                     Contact {{forloop.counter}}
                   </dt>
-                  <dd class="margin-left-0">
+                  <dd>
                     {% include "includes/contact.html" with contact=item %}
                   </dd>
                 {% endfor %}