css: replace hardcoded values with design tokens

Replace 30 border-radius: 1000px → var(--radius-pill), 6 border-radius:
20px → var(--radius-card), 21 transition: 100ms → var(--transition-fast),
and 32 transition: 200ms → var(--transition-normal) across the codebase.

src/lib/data/mysteryDescriptions.ts

@@ -106,6 +106,17 @@ export const mysteryReferences = {
   ]
 } as const;
 
+// Reference for the three opening Ave Marias (Faith, Hope, Love)
+export const theologicalVirtueReference = {
+  title: "Das Hohelied der Liebe",
+  reference: "1 Kor 13, 1-13"
+} as const;
+
+export const theologicalVirtueReferenceEnglish = {
+  title: "The Hymn to Love",
+  reference: "1 Cor 13:1-13"
+} as const;
+
 export const mysteryReferencesEnglish = {
   lichtreichen: [
     {