fix: typography styles

Author: herzog0

static/css/v3/mailing-list-card.css

@@ -45,20 +45,21 @@ form.htmx-request .mailing-list-card__form-content {
 .mailing-list-card__badge {
   display: inline-flex;
   align-items: center;
-  padding: var(--space-xs) var(--space-s);
+  padding: var(--space-default);
   border-radius: var(--border-radius-s);
   background-color: var(--color-surface-brand-accent-default);
   color: var(--color-text-primary);
   font-family: var(--font-sans);
-  font-size: var(--font-size-small);
+  font-size: var(--font-size-xs);
   font-weight: var(--font-weight-regular);
-  line-height: var(--line-height-tight);
+  line-height: 100%;
+  letter-spacing: -1%;
   white-space: nowrap;
   flex-shrink: 0;
 }
 
 .mailing-list-card__badge--pending {
-  background-color: var(--color-surface-weak-accent-yellow);
+  background-color: var(--color-surface-brand-accent-default);
 }
 
 /* "Already subscribed" plain-text state */

templates/v3/includes/_mailing_list_card.html

@@ -23,7 +23,7 @@
     </div>
     <hr class="card__hr" />
     <div class="card__column px-large">
-      <span>A confirmation email has been sent to <strong>{{ user_email }}</strong>. Click the link inside to complete your subscription.</span>
+      <span>We've sent you an email — please confirm to verify ownership of this address and activate your subscription.</span>
     </div>
     {% if manage_url %}
       <div class="card__cta_section">