fix(home): service tile colors mint · purple · coral · purple-soft

src/pages/index.astro

@@ -153,7 +153,7 @@ const featuredPortfolio = portfolio.filter(p =>
           const tileCopy = [
             {
               eyebrow: 'ที่ปรึกษาด้าน AI',
-              surface: 'white',
+              surface: 'mint',
               subtitle: 'การนำ AI มาปรับใช้ในองค์กร เพื่อลดต้นทุนและเวลา รวมถึงการรักษาความรู้จากพนักงานที่เชี่ยวชาญ',
               objective: 'รักษาความรู้ขององค์กร ลดต้นทุนและเวลาการทำงาน',
               bullets: [
@@ -164,7 +164,7 @@ const featuredPortfolio = portfolio.filter(p =>
             },
             {
               eyebrow: 'วางระบบ Automation',
-              surface: 'soft',
+              surface: 'purple',
               subtitle: 'การออกแบบระบบ Automation สำหรับธุรกิจคุณโดยเฉพาะ',
               objective: 'ลดต้นทุนและเวลา',
               bullets: [
@@ -175,7 +175,7 @@ const featuredPortfolio = portfolio.filter(p =>
             },
             {
               eyebrow: 'ที่ปรึกษาการตลาดออนไลน์',
-              surface: 'purple-soft',
+              surface: 'coral',
               subtitle: 'ออกแบบและวางกลยุทธ์ตามสถิติ กลุ่มเป้าหมาย และการทำงานขององค์กรคุณ',
               objective: 'เพิ่มยอดขาย',
               bullets: [
@@ -186,7 +186,7 @@ const featuredPortfolio = portfolio.filter(p =>
             },
             {
               eyebrow: 'พัฒนาเว็บไซต์',
-              surface: 'mint',
+              surface: 'purple-soft',
               subtitle: 'พัฒนาเว็บไซต์ที่สร้างผลลัพธ์ได้จริง สวยงาม และลูกค้าสามารถดูแลได้เอง',
               objective: 'เพิ่มยอดขาย และความน่าเชื่อถือให้ธุรกิจ',
               bullets: [
@@ -402,7 +402,15 @@ const featuredPortfolio = portfolio.filter(p =>
     opacity: 0.4;
   }
 
-  /* Light text on dark service tiles — no longer used (kept for safety) */
+  /* Light text on dark service tiles */
+  .surface-purple .mega-subtitle,
+  .surface-purple .mega-bullets,
+  .surface-purple .mega-bullets li::before,
+  .surface-coral .mega-subtitle,
+  .surface-coral .mega-bullets,
+  .surface-coral .mega-bullets li::before {
+    color: rgba(255, 255, 255, 0.95);
+  }
   .surface-soft .mega-subtitle { color: var(--color-gray-700); }
   .mega-objective {
     display: inline-flex;