style: align both card systems to shared design tokens

Unify the public site by making SectionCard and the verify status card use
the same --radius-lg / --shadow-card tokens and primary-tint header as the
existing CSS .content-card used by all content pages. This makes the entire
(site) group visually consistent without rewriting every page, and keeps the
shadcn Card in components/ui/card.tsx (used by admin) intact.

src/components/home-section.tsx

@@ -34,17 +34,16 @@ export function SectionCard({
 			style={{
 				borderColor:
 					"color-mix(in srgb, var(--color-text-muted) 12%, transparent)",
-				boxShadow:
-					"0 1px 2px color-mix(in srgb, var(--color-text-muted) 12%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--color-text-muted) 25%, transparent)",
+				boxShadow: "var(--shadow-card)",
 			}}
 		>
 			<div
 				className="flex items-center justify-between gap-3 border-b px-5 py-3.5"
 				style={{
 					borderColor:
-						"color-mix(in srgb, var(--color-text-muted) 10%, transparent)",
+						"color-mix(in srgb, var(--color-text-muted) 8%, transparent)",
 					background:
-						"color-mix(in srgb, var(--color-text-muted) 4%, transparent)",
+						"color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))",
 				}}
 			>
 				<div className="flex items-center gap-2.5">