fix: enforce public contrast and audit rank errors

src/app/globals.css

@@ -56,6 +56,7 @@
   --button-danger-hover-color: #dc2626;
   --button-outline-color: #eeb425;
   --button-outline-text-color: #1a1a2e;
+  --button-outline-text-color-readable: #1a1a2e;
   --button-outline-hover-color: #d4a01f;
   --border-radius: 12px;
   --border-color: #eeb425;
@@ -73,6 +74,11 @@
   --link-hover-color: #d4a01f;
   --link-color-readable: #000000;
   --link-hover-color-readable: #000000;
+  --color-surface-text-readable: #0f172a;
+  --color-dropdown-text-readable: #0f172a;
+  --color-pill-text-readable: #0f172a;
+  --color-badge-text-readable: #000000;
+  --color-overlay-text-readable: #ffffff;
   --input-border-color: #d1d5db;
   --input-focus-color: #eeb425;
   --navbar-height: 56px;
@@ -164,7 +170,7 @@ body {
   }
   .dropdown-item {
     @apply block py-2.5 px-4 text-sm font-semibold transition-all duration-100 rounded-lg mx-1;
-    color: var(--color-text-readable, var(--color-text));
+    color: var(--color-dropdown-text-readable, var(--color-text-readable));
   }
   .dropdown-item:hover {
     background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
@@ -324,7 +330,7 @@ a:hover {
 .btn-outline {
   background: transparent;
   border-color: var(--button-outline-color);
-  color: #8a6a05;
+  color: var(--button-outline-text-color-readable, var(--button-outline-text-color));
 }
 input,
 select,
@@ -385,6 +391,7 @@ tbody tr:hover {
   border-radius: 999px;
   background: #f8fafc;
   border: 1px solid color-mix(in srgb, var(--color-text-muted) 15%, transparent);
+  color: var(--color-pill-text-readable, var(--color-text-readable));
 }
 .currency .coin {
   width: 22px;