Updated font colors in style.css

style.css

@@ -7,19 +7,25 @@ h1 {
   text-align: center;
   font-size: var(--title-font-size);
   display: block;
+  color: #FF4444;
 }
 
 h2 {
   text-align: center;
   font-size: 2rem;
   display: block;
+  color: #FF4444;
+}
+
+p {
+  color: #800000;
 }
 
 #duplicate-button {
   display: block;
   margin: 1rem auto;
   color: #fff;
-  background: #c01515;    /* Changed from #1565c0 to a dark red */
+  background: #c01515;
   border-radius: 100vh;
   padding: 0.5rem 1rem;
 }
@@ -44,14 +50,14 @@ h2 {
 
 #title {
   font-size: var(--title-font-size);
-  color: #333;
+  color: #FF0000;
   font-family: 'Helvetica Neue', sans-serif;
   text-transform: uppercase;
   background: transparent;
 }
 
 #title span {
-  background: linear-gradient(45deg, #EF4E4E, #b42828);    /* Changed from blue/green to red tones */
+  background: linear-gradient(45deg, #EF4E4E, #b42828);
   background-clip: text;
   color: transparent;
 }
@@ -60,4 +66,33 @@ h2 {
   text-align: center;
   font-size: var(--subtitle-font-size);
   margin-top: 1rem;
+  color: #c01515;
+}
+
+/* Additional text elements you might want to style */
+label {
+  color: #800000;
+}
+
+input, textarea {
+  color: #800000;
+}
+
+button {
+  color: #fff;
+  background: #c01515;
+}
+
+/* Links styling */
+a {
+  color: #c01515;
+}
+
+a:hover {
+  color: #FF4444;
+}
+
+/* List items styling */
+li {
+  color: #800000;
 }