Phase 2, 2.1 and 2.2 complete

frontend/src/components/common/ComponentCard.tsx

@@ -21,11 +21,11 @@ const ComponentCard: React.FC<ComponentCardProps> = ({
       {(title || desc || headerContent) && (
         <div className="px-6 py-5 relative z-0 flex items-start justify-between gap-4">
           <div className="flex-1">
-            <h3 className="text-base font-medium text-gray-800 dark:text-white/90">
+            <h3 className="text-sm font-semibold uppercase tracking-wide text-gray-600 dark:text-gray-400">
               {title}
             </h3>
             {desc && (
-              <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
+              <p className="mt-1 text-base text-gray-800 dark:text-gray-200">
                 {desc}
               </p>
             )}