fix: Replace --truecv- CSS variables with --realcv-

Fixed CSS variable references in Razor components that were still
using the old --truecv- prefix, causing score circles and other
styled elements to not render properly.

Also changed score-ring-value font to Inter for consistent numbers.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/RealCV.Web/Components/Pages/Home.razor

@@ -63,7 +63,7 @@
 </section>
 
 <!-- Features Section -->
-<section id="features" class="py-5" style="background-color: var(--truecv-bg-page);">
+<section id="features" class="py-5" style="background-color: var(--realcv-bg-page);">
     <div class="container">
         <div class="text-center mb-5">
             <h2 class="fw-bold mb-3" style="font-size: 2.25rem;">How RealCV Works</h2>
@@ -183,7 +183,7 @@
 </section>
 
 <!-- Trust indicators -->
-<section class="py-4" style="background-color: var(--truecv-bg-muted); border-top: 1px solid var(--truecv-gray-200);">
+<section class="py-4" style="background-color: var(--realcv-bg-muted); border-top: 1px solid var(--realcv-gray-200);">
     <div class="container">
         <div class="row align-items-center justify-content-center text-center g-4">
             <div class="col-6 col-md-3">