diff --git a/src/routes/(marketing)/pricing/+page.svelte b/src/routes/(marketing)/pricing/+page.svelte
index 52ed46e..1d23d6f 100644
--- a/src/routes/(marketing)/pricing/+page.svelte
+++ b/src/routes/(marketing)/pricing/+page.svelte
@@ -79,7 +79,7 @@
     <!-- Pricing Cards -->
     <section class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
         {#each plans as plan}
-            <div class="card {plan.popular ? 'preset-outlined-primary-500 relative' : 'preset-outlined-secondary-500'} p-6 md:p-8 space-y-6 {plan.popular ? 'scale-105 shadow-2xl' : 'hover:scale-105'} transition-all duration-300 flex flex-col">
+            <div class="card {plan.popular ? 'preset-outlined-primary-500 relative' : 'preset-outlined-secondary-500'} p-6 md:p-8 space-y-6 {plan.popular ? 'scale-105 shadow-2xl' : 'hover:scale-105 hover:shadow-2xl'} transition-all duration-300 flex flex-col">
                 
                 {#if plan.popular}
                     <div class="absolute -top-4 left-1/2 transform -translate-x-1/2">
diff --git a/src/routes/(marketing)/privacy/+page.svelte b/src/routes/(marketing)/privacy/+page.svelte
index 033ff24..6b806f4 100644
--- a/src/routes/(marketing)/privacy/+page.svelte
+++ b/src/routes/(marketing)/privacy/+page.svelte
@@ -34,7 +34,7 @@
     </div>
 
     <!-- Quick Navigation -->
-    <nav class="card preset-outlined-surface-200-800 p-6 mb-12">
+    <nav class="card preset-outlined-surface-500 p-6 mb-12">
         <h2 class="h4 mb-4 flex items-center gap-2">
             <FileText class="size-5 text-primary-500" />
             Quick Navigation
@@ -53,22 +53,22 @@
     <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
         <div class="card preset-filled-success-500 p-6 text-center">
             <Lock class="size-8 mx-auto mb-3" />
-            <h3 class="h5 mb-2">Secure by Design</h3>
-            <p class="text-sm opacity-90">
+            <h3 class="h5 mb-2 text-success-contrast-500 font-extrabold">Secure by Design</h3>
+            <p class="text-sm text-success-contrast-500 opacity-90">
                 Your data is encrypted and protected with industry-standard security measures.
             </p>
         </div>
         <div class="card preset-filled-primary-500 p-6 text-center">
             <Eye class="size-8 mx-auto mb-3" />
-            <h3 class="h5 mb-2">Transparent</h3>
-            <p class="text-sm opacity-90">
+            <h3 class="h5 mb-2 text-primary-contrast-500 font-extrabold">Transparent</h3>
+            <p class="text-sm text-primary-contrast-500 opacity-90">
                 We're clear about what data we collect and how we use it.
             </p>
         </div>
         <div class="card preset-filled-secondary-500 p-6 text-center">
             <Users class="size-8 mx-auto mb-3" />
-            <h3 class="h5 mb-2">Your Control</h3>
-            <p class="text-sm opacity-90">
+            <h3 class="h5 mb-2 text-secondary-contrast-500 font-extrabold">Your Control</h3>
+            <p class="text-sm text-secondary-contrast-500 opacity-90">
                 You have full control over your data and can request deletion at any time.
             </p>
         </div>
@@ -84,7 +84,7 @@
             </h2>
             
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+                <div class="card preset-outlined-surface-500 p-6 space-y-4">
                     <h3 class="h4">Account Information</h3>
                     <ul class="space-y-2 text-sm opacity-75">
                         <li>• Email address</li>
@@ -94,7 +94,7 @@
                     </ul>
                 </div>
                 
-                <div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+                <div class="card preset-outlined-surface-500 p-6 space-y-4">
                     <h3 class="h4">Usage Information</h3>
                     <ul class="space-y-2 text-sm opacity-75">
                         <li>• Application usage patterns</li>
@@ -114,7 +114,7 @@
             </h2>
             
             <div class="space-y-4">
-                <div class="card preset-outlined-surface-200-800 p-6">
+                <div class="card preset-outlined-surface-500 p-6">
                     <h3 class="h4 mb-3">Service Provision</h3>
                     <p class="opacity-75">
                         We use your information to provide, maintain, and improve our services, 
@@ -122,7 +122,7 @@
                     </p>
                 </div>
                 
-                <div class="card preset-outlined-surface-200-800 p-6">
+                <div class="card preset-outlined-surface-500 p-6">
                     <h3 class="h4 mb-3">Communication</h3>
                     <p class="opacity-75">
                         We may use your contact information to send important service updates, 
@@ -130,7 +130,7 @@
                     </p>
                 </div>
                 
-                <div class="card preset-outlined-surface-200-800 p-6">
+                <div class="card preset-outlined-surface-500 p-6">
                     <h3 class="h4 mb-3">Analytics and Improvement</h3>
                     <p class="opacity-75">
                         We analyze usage patterns to understand how our service is used and 
@@ -147,7 +147,7 @@
                 Information Sharing
             </h2>
             
-            <div class="card preset-outlined-surface-200-800 p-6">
+            <div class="card preset-outlined-surface-500 p-6">
                 <p class="opacity-75 mb-4">
                     We do not sell, trade, or otherwise transfer your personal information to third parties, 
                     except in the following circumstances:
@@ -169,7 +169,7 @@
             </h2>
             
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+                <div class="card preset-outlined-surface-500 p-6 space-y-4">
                     <h3 class="h4">Technical Safeguards</h3>
                     <ul class="space-y-2 text-sm opacity-75">
                         <li>• End-to-end encryption</li>
@@ -179,7 +179,7 @@
                     </ul>
                 </div>
                 
-                <div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+                <div class="card preset-outlined-surface-500 p-6 space-y-4">
                     <h3 class="h4">Operational Security</h3>
                     <ul class="space-y-2 text-sm opacity-75">
                         <li>• Employee training and background checks</li>
@@ -199,7 +199,7 @@
             </h2>
             
             <div class="space-y-4">
-                <div class="card preset-outlined-surface-200-800 p-6">
+                <div class="card preset-outlined-surface-500 p-6">
                     <h3 class="h4 mb-3">Access and Portability</h3>
                     <p class="opacity-75">
                         You have the right to access your personal data and request a copy of your information 
@@ -207,7 +207,7 @@
                     </p>
                 </div>
                 
-                <div class="card preset-outlined-surface-200-800 p-6">
+                <div class="card preset-outlined-surface-500 p-6">
                     <h3 class="h4 mb-3">Correction and Updates</h3>
                     <p class="opacity-75">
                         You can update your account information at any time through your account settings 
@@ -215,7 +215,7 @@
                     </p>
                 </div>
                 
-                <div class="card preset-outlined-surface-200-800 p-6">
+                <div class="card preset-outlined-surface-500 p-6">
                     <h3 class="h4 mb-3">Deletion</h3>
                     <p class="opacity-75">
                         You have the right to request deletion of your personal data. We will honor such requests 
@@ -242,7 +242,7 @@
                         <Mail class="size-4" />
                         Contact Support
                     </a>
-                    <a href="mailto:privacy@sveltey.dev" class="btn preset-outlined-surface-200-800">
+                    <a href="mailto:privacy@sveltey.dev" class="btn preset-outlined-surface-500">
                         privacy@sveltey.dev
                     </a>
                 </div>
diff --git a/src/routes/(marketing)/terms/+page.svelte b/src/routes/(marketing)/terms/+page.svelte
index c858af9..8124648 100644
--- a/src/routes/(marketing)/terms/+page.svelte
+++ b/src/routes/(marketing)/terms/+page.svelte
@@ -49,7 +49,7 @@
 	</div>
 
 	<!-- Quick Navigation -->
-	<nav class="card preset-outlined-surface-200-800 p-6 mb-12">
+	<nav class="card preset-outlined-surface-500 p-6 mb-12">
 		<h2 class="h4 mb-4 flex items-center gap-2">
 			<FileText class="size-5 text-primary-500" />
 			Quick Navigation
@@ -73,7 +73,7 @@
 				Acceptance of Terms
 			</h2>
 			
-			<div class="card preset-outlined-surface-200-800 p-6">
+			<div class="card preset-outlined-surface-500 p-6">
 				<p class="opacity-75 mb-4">
 					By accessing and using the Sveltey SaaS template service ("Service"), you accept and agree to be bound by the terms and provision of this agreement.
 				</p>
@@ -91,7 +91,7 @@
 			</h2>
 			
 			<div class="space-y-4">
-				<div class="card preset-outlined-surface-200-800 p-6">
+				<div class="card preset-outlined-surface-500 p-6">
 					<h3 class="h4 mb-3">What We Provide</h3>
 					<p class="opacity-75">
 						Sveltey is a comprehensive SaaS template built with SvelteKit, Supabase, and Skeleton UI. 
@@ -99,7 +99,7 @@
 					</p>
 				</div>
 				
-				<div class="card preset-outlined-surface-200-800 p-6">
+				<div class="card preset-outlined-surface-500 p-6">
 					<h3 class="h4 mb-3">Service Availability</h3>
 					<p class="opacity-75">
 						We strive to maintain high availability of our service, but we do not guarantee uninterrupted access. 
@@ -117,7 +117,7 @@
 			</h2>
 			
 			<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-				<div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+				<div class="card preset-outlined-surface-500 p-6 space-y-4">
 					<h3 class="h4">Account Creation</h3>
 					<ul class="space-y-2 text-sm opacity-75">
 						<li>• You must provide accurate information</li>
@@ -127,7 +127,7 @@
 					</ul>
 				</div>
 				
-				<div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+				<div class="card preset-outlined-surface-500 p-6 space-y-4">
 					<h3 class="h4">Account Responsibilities</h3>
 					<ul class="space-y-2 text-sm opacity-75">
 						<li>• Keep login credentials secure</li>
@@ -148,8 +148,8 @@
 			
 			<div class="space-y-4">
 				<div class="card preset-filled-success-500 p-6">
-					<h3 class="h4 mb-3">Permitted Uses</h3>
-					<ul class="space-y-2 text-sm opacity-90">
+					<h3 class="h4 mb-3 text-success-contrast-500 font-bold">Permitted Uses</h3>
+					<ul class="space-y-2 text-sm">
 						<li>• Building legitimate SaaS applications</li>
 						<li>• Learning and educational purposes</li>
 						<li>• Commercial use within license terms</li>
@@ -158,8 +158,8 @@
 				</div>
 				
 				<div class="card preset-filled-error-500 p-6">
-					<h3 class="h4 mb-3">Prohibited Uses</h3>
-					<ul class="space-y-2 text-sm opacity-90">
+					<h3 class="h4 mb-3 text-error-contrast-500 font-bold">Prohibited Uses</h3>
+					<ul class="space-y-2 text-sm">
 						<li>• Illegal or fraudulent activities</li>
 						<li>• Harassment or abuse of others</li>
 						<li>• Spam or unsolicited communications</li>
@@ -178,7 +178,7 @@
 			</h2>
 			
 			<div class="space-y-4">
-				<div class="card preset-outlined-surface-200-800 p-6">
+				<div class="card preset-outlined-surface-500 p-6">
 					<h3 class="h4 mb-3">Billing</h3>
 					<p class="opacity-75 mb-4">
 						Subscription fees are billed in advance on a monthly or annual basis. 
@@ -192,7 +192,7 @@
 					</ul>
 				</div>
 				
-				<div class="card preset-outlined-surface-200-800 p-6">
+				<div class="card preset-outlined-surface-500 p-6">
 					<h3 class="h4 mb-3">Refunds</h3>
 					<p class="opacity-75">
 						We offer a 30-day money-back guarantee for new subscriptions. 
@@ -210,7 +210,7 @@
 			</h2>
 			
 			<div class="space-y-4">
-				<div class="card preset-outlined-surface-200-800 p-6">
+				<div class="card preset-outlined-surface-500 p-6">
 					<h3 class="h4 mb-3">By You</h3>
 					<p class="opacity-75">
 						You may terminate your account at any time through your account settings. 
@@ -218,7 +218,7 @@
 					</p>
 				</div>
 				
-				<div class="card preset-outlined-surface-200-800 p-6">
+				<div class="card preset-outlined-surface-500 p-6">
 					<h3 class="h4 mb-3">By Us</h3>
 					<p class="opacity-75">
 						We may terminate or suspend your account for violation of these terms, 
@@ -233,7 +233,7 @@
 			<h2 class="h2 text-primary-500">Additional Terms</h2>
 			
 			<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-				<div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+				<div class="card preset-outlined-surface-500 p-6 space-y-4">
 					<h3 class="h4">Intellectual Property</h3>
 					<p class="text-sm opacity-75">
 						The Service and its original content remain our property. 
@@ -241,7 +241,7 @@
 					</p>
 				</div>
 				
-				<div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+				<div class="card preset-outlined-surface-500 p-6 space-y-4">
 					<h3 class="h4">Limitation of Liability</h3>
 					<p class="text-sm opacity-75">
 						Our liability is limited to the amount paid for the service. 
@@ -249,7 +249,7 @@
 					</p>
 				</div>
 				
-				<div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+				<div class="card preset-outlined-surface-500 p-6 space-y-4">
 					<h3 class="h4">Governing Law</h3>
 					<p class="text-sm opacity-75">
 						These terms are governed by the laws of [Your Jurisdiction]. 
@@ -257,7 +257,7 @@
 					</p>
 				</div>
 				
-				<div class="card preset-outlined-surface-200-800 p-6 space-y-4">
+				<div class="card preset-outlined-surface-500 p-6 space-y-4">
 					<h3 class="h4">Changes to Terms</h3>
 					<p class="text-sm opacity-75">
 						We may update these terms with notice. 
@@ -284,7 +284,7 @@
 						<Mail class="size-4" />
 						Contact Support
 					</a>
-					<a href="mailto:legal@sveltey.dev" class="btn preset-outlined-surface-200-800">
+					<a href="mailto:legal@sveltey.dev" class="btn preset-outlined-surface-500">
 						legal@sveltey.dev
 					</a>
 				</div>