fix: Correct User Card CTA dark mode color boostorg#2177

Dark-mode CTA was #71737B (grey-700); Figma specifies #585A64
(grey-800). Logged-out variant now uses the same
--user-card-cta-bg indirection as logged-in so both share one
source of truth.

Author: julioest

static/css/v3/user-card.css

@@ -119,7 +119,7 @@
 }
 
 html.dark .user-card--green.card {
-  --user-card-cta-bg: var(--color-primary-grey-700);
+  --user-card-cta-bg: var(--color-primary-grey-800);
   --user-card-cta-bg-hover: var(--color-primary-grey-600);
 }
 
@@ -157,12 +157,19 @@ html.dark .user-card--green.card {
    ========================================================================== */
 
 .user-card--logged-out.card {
+  --user-card-cta-bg: var(--color-surface-strong-accent-teal-default);
+  --user-card-cta-bg-hover: var(--color-surface-strong-accent-teal-hover);
   max-width: 340px;
   padding: 0;
   gap: var(--space-card);
   background-color: var(--color-surface-weak-accent-teal);
 }
 
+html.dark .user-card--logged-out.card {
+  --user-card-cta-bg: var(--color-primary-grey-800);
+  --user-card-cta-bg-hover: var(--color-primary-grey-600);
+}
+
 .user-card--logged-out .user-card__heading,
 .user-card--logged-out .user-card__description,
 .user-card--logged-out .btn-row {
@@ -203,24 +210,18 @@ html.dark .user-card--green.card {
    Dark mode — scoped overrides
    ========================================================================== */
 
-.user-card--green .btn-green {
+.user-card--green .btn-green,
+.user-card--logged-out .btn-teal {
   background-color: var(--user-card-cta-bg);
 }
 
 .user-card--green .btn-green:hover,
-.user-card--green .btn-green[data-hover] {
+.user-card--green .btn-green[data-hover],
+.user-card--logged-out .btn-teal:hover,
+.user-card--logged-out .btn-teal[data-hover] {
   background-color: var(--user-card-cta-bg-hover);
 }
 
-html.dark .user-card--logged-out .btn-teal {
-  background-color: var(--color-primary-grey-700);
-}
-
-html.dark .user-card--logged-out .btn-teal:hover,
-html.dark .user-card--logged-out .btn-teal[data-hover] {
-  background-color: var(--color-primary-grey-600);
-}
-
 /* ==========================================================================
    Tablet
    ========================================================================== */