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/app/(site)/login/page.tsx

@@ -129,8 +129,7 @@ export default async function LoginPage() {
 								borderColor:
 									"color-mix(in srgb, var(--color-primary) 20%, transparent)",
 								background: `url(/assets/images/background.png) center/cover no-repeat`,
-								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

src/app/(site)/register/page.tsx

@@ -131,8 +131,7 @@ export default async function RegisterPage() {
 								borderColor:
 									"color-mix(in srgb, var(--color-primary) 20%, transparent)",
 								background: `url(/assets/images/background.png) center/cover no-repeat`,
-								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

src/app/(site)/verify/page.tsx

@@ -36,8 +36,7 @@ function StatusCard({
 					borderColor:
 						"color-mix(in srgb, var(--color-text-muted) 12%, transparent)",
 					backgroundColor: "var(--color-surface)",
-					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