feat(tema): açık / koyu / sistem teması

- TemaSaglayici (next-themes) + alt bilgide TemaSecici
- globals.css: .dark bloğunda palet token'ları çevrilir; bileşenlere
  dark: sınıfı yazılmaz
- yüzeyler bg-white → bg-card, koyu haplar text-slate-50, SVG'lerde
  sabit renk yerine değişken
- DESIGN.md §2.3 + tasarim-denetim kuralları (yuzey-beyaz,
  koyu-hap-beyaz-yazi, dark-sinif), AGENTS.md karanlık mod bölümü
- docs: koyu tema denetimi raporu

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

src/features/katalog/components/il-icerik.tsx

@@ -149,11 +149,11 @@ export function IlIcerik({ slug }: { slug: string }) {
 
             {/* Kimlik hapları (DESIGN.md §4.12): il + üniversite sayısı */}
             <p className="mt-5 flex flex-wrap items-center justify-center gap-2 lg:justify-start">
-              <span className="inline-flex h-10 items-center gap-2 rounded-full border border-slate-200 bg-white px-4 text-sm font-semibold text-slate-800">
+              <span className="inline-flex h-10 items-center gap-2 rounded-full border border-slate-200 bg-card px-4 text-sm font-semibold text-slate-800">
                 <MapPin className="size-4 text-primary" aria-hidden />
                 {il.ad}
               </span>
-              <span className="inline-flex h-10 items-center gap-2 rounded-full border border-slate-200 bg-white px-4 text-sm font-semibold text-slate-800">
+              <span className="inline-flex h-10 items-center gap-2 rounded-full border border-slate-200 bg-card px-4 text-sm font-semibold text-slate-800">
                 {devlet.length >= vakif.length ? (
                   <Landmark className="size-4 text-primary" aria-hidden />
                 ) : (