fix cta dark mode

Author: kerv14

src/components/CallToAction/index.tsx

@@ -11,25 +11,11 @@ export default function CallToAction(): React.JSX.Element {
           <div className="col col--6 d-flex align-items-center">
             <div>
               <h2 className={styles.header}>When Your Project Demands More</h2>
-              <p
-                style={{
-                  fontSize: "1.1rem",
-                  lineHeight: "1.6",
-                  marginBottom: "1rem",
-                  color: "#666",
-                }}
-              >
+              <p className={`${styles.description} ${styles.first}`}>
                 Postcodes.io is our free and reliable tool for UK postcode
                 lookup and geocoding.
               </p>
-              <p
-                style={{
-                  fontSize: "1.1rem",
-                  lineHeight: "1.6",
-                  marginBottom: "2rem",
-                  color: "#666",
-                }}
-              >
+              <p className={`${styles.description} ${styles.second}`}>
                 When you need broader coverage, fresher and more detailed
                 address data, and expert support, Ideal Postcodes is built for
                 high-demand applications.

src/components/CallToAction/styles.module.css

@@ -142,7 +142,7 @@
 
 [data-theme='dark'] .card {
   background-color: rgba(66, 133, 244, 0.15);
-  color: #ffffff;
+  color: #e0e0e0;
   box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);
 }
 
@@ -156,4 +156,30 @@
 
 [data-theme='dark'] .tickList li::before {
   color: #5c9eff;
+}
+
+[data-theme='dark'] .tickList li {
+  color: #b8b8b8;
+}
+
+[data-theme='dark'] .cardTitle {
+  color: #e0e0e0;
+}
+
+.description {
+  font-size: 1.1rem;
+  line-height: 1.6;
+  color: #666;
+}
+
+.description.first {
+  margin-bottom: 1rem;
+}
+
+.description.second {
+  margin-bottom: 2rem;
+}
+
+[data-theme='dark'] .description {
+  color: #b8b8b8;
 }