Update colors

Author: aefhm

public/fonts/Fraunces-Bold.woff2

@@ -1,88 +1,80 @@
 @font-face {
-  font-family: 'Fraunces';
-  src: url('/fonts/Fraunces-SemiBold.woff2') format('woff2');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Fraunces';
-  src: url('/fonts/Fraunces-Bold.woff2') format('woff2');
-  font-weight: 700;
+  font-family: 'Italiana';
+  src: url('/fonts/Italiana-400.woff2') format('woff2');
+  font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Newsreader';
-  src: url('/fonts/Newsreader-Regular.woff2') format('woff2');
+  font-family: 'Source Sans 3';
+  src: url('/fonts/SourceSans3-400.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Newsreader';
-  src: url('/fonts/Newsreader-Italic.woff2') format('woff2');
+  font-family: 'Source Sans 3';
+  src: url('/fonts/SourceSans3-400-italic.woff2') format('woff2');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Newsreader';
-  src: url('/fonts/Newsreader-SemiBold.woff2') format('woff2');
+  font-family: 'Source Sans 3';
+  src: url('/fonts/SourceSans3-600.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }
 
 :root {
-  font-family: 'Newsreader', system-ui, sans-serif;
-  color: #2a2320;
+  font-family: 'Source Sans 3', system-ui, sans-serif;
+  color: #1c2a3a;
 }
 
 html {
-  background: #fdf0c4;
+  background: #c8d8e8;
   font-family: inherit;
 }
 
 header {
   font-size: larger;
   text-align: center;
-  color: #2a2320;
+  color: #1c2a3a;
 }
 
 h1 {
-  margin: 1rem 0 0.5rem;
-  font-size: 2.6rem;
-  font-weight: 600;
-  letter-spacing: 1.5px;
-  line-height: 1.15;
-  color: #c25550;
+  margin: 1.5rem 0 0.75rem;
+  font-size: 3.5rem;
+  font-weight: 400;
+  letter-spacing: 2px;
+  line-height: 1.1;
+  color: #5a3858;
 }
 
 h1 .culture { color: inherit; }
 h1 .accent { color: inherit; }
 
 h1, h2, h3 {
-  font-family: 'Fraunces', serif;
+  font-family: 'Italiana', serif;
   line-height: 1.2;
 }
 
 h2 {
-  font-weight: 600;
-  font-size: 1.25rem;
-  letter-spacing: 0.2px;
-  color: #2a2320;
+  font-weight: 400;
+  font-size: 1.5rem;
+  letter-spacing: 0.3px;
+  color: #1c2a3a;
 }
 
 h3 {
-  font-weight: 600;
-  font-size: 1.1rem;
-  letter-spacing: 0.2px;
-  color: #2a2320;
+  font-weight: 400;
+  font-size: 1.15rem;
+  letter-spacing: 0.3px;
+  color: #1c2a3a;
 }
 
 body {
@@ -91,21 +83,21 @@ body {
   display: flex;
   flex-direction: column;
   font-size: 18px;
-  font-weight: 500;
+  font-weight: 400;
   align-items: center;
   line-height: 1.5;
 }
 
 a {
-  color: #c25550;
-  text-decoration-color: #c25550;
+  color: #6a5878;
+  text-decoration-color: #6a5878;
   text-underline-offset: 3px;
   transition: color 0.2s, text-decoration-color 0.2s;
 }
 
 a:hover {
-  color: #4a8575;
-  text-decoration-color: #4a8575;
+  color: #2a5545;
+  text-decoration-color: #2a5545;
 }
 
 /* Lazy loading styles */
@@ -130,7 +122,7 @@ img[loading="lazy"] {
 svg {
   width: 20px;
   padding: 5px;
-  fill: #c25550;
+  fill: #5a3858;
 }
 
 /* Style for SVG tooltips */
@@ -159,7 +151,7 @@ nav ul {
 
 nav ul a {
   transition: background 0.3s ease;
-  color: #2a2320;
+  color: #1c2a3a;
   display: block;
   font-size: 0.9rem;
   font-weight: 600;
@@ -172,8 +164,8 @@ nav ul a {
 }
 
 nav ul a:hover {
-  background: #9ac5b8;
-  color: #2a2320;
+  background: rgba(28,42,58,0.1);
+  color: #1c2a3a;
 }
 
 .recipes ul {
@@ -192,8 +184,8 @@ nav ul a:hover {
 }
 
 .social-media svg {
-  fill: #c25550;
-  stroke: #c25550;
+  fill: #5a3858;
+  stroke: #5a3858;
 }
 
 @media screen and (max-width: 32rem) {
@@ -225,8 +217,9 @@ nav ul a:hover {
 
   nav {
     width: auto;
-    border-bottom: 1px solid rgba(42,35,32,0.1);
-    margin-bottom: 0.5rem;
+    border-bottom: 1px solid rgba(28,42,58,0.1);
+    margin-bottom: 1rem;
+    padding: 0.5rem 0 0.75rem;
   }
 
   nav ul {
@@ -299,15 +292,17 @@ nav ul a:hover {
     display: flex;
     justify-content: center;
     width: 100%;
-    border-bottom: 1px solid rgba(42,35,32,0.1);
+    border-bottom: 1px solid rgba(28,42,58,0.1);
+    padding: 0.5rem 0 1rem;
+    margin-bottom: 1.5rem;
   }
 
   nav ul {
     display: flex;
     justify-content: center;
     padding: 0;
     max-width: 200px;
-    margin: 0 0 0.5rem 0;
+    margin: 0;
     gap: 1.5rem;
   }
 
@@ -328,18 +323,18 @@ nav ul a:hover {
 
 figcaption {
   font-size: 0.8em;
-  color: #7a7265;
+  color: #5a6a7a;
   text-align: center;
   margin-top: 0.5rem;
   font-style: italic;
 }
 
 blockquote {
-  border-left: 3px solid #c25550;
+  border-left: 3px solid #6a5878;
   padding: 0.75rem 1.25rem;
   margin: 1.5rem 0;
   font-style: italic;
-  color: #4a4440;
+  color: #2a3a4a;
   line-height: 1.6;
 }
 
@@ -348,24 +343,24 @@ blockquote cite {
   margin-top: 0.5rem;
   font-style: normal;
   font-size: 0.85em;
-  color: #7a7265;
+  color: #5a6a7a;
 }
 
 .writings section p:first-of-type::first-letter {
-  font-family: 'Fraunces', serif;
-  font-weight: 700;
-  font-size: 3.5em;
+  font-family: 'Italiana', serif;
+  font-weight: 400;
+  font-size: 3.8em;
   float: left;
-  line-height: 0.75;
-  padding: 0.05em 0.08em 0 0;
-  color: #c25550;
+  line-height: 0.72;
+  padding: 0.06em 0.1em 0 0;
+  color: #5a3858;
 }
 
 .section-divider {
   height: 16px;
   margin: 2.5rem auto;
   max-width: 380px;
-  background: url("data:image/svg+xml,%3Csvg width='60' height='16' viewBox='0 0 60 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8 C5 2, 10 2, 15 8 C20 14, 25 14, 30 8 C35 2, 40 2, 45 8 C50 14, 55 14, 60 8' fill='none' stroke='%239ac5b8' stroke-width='0.8' opacity='0.25'/%3E%3Cpath d='M0 10 C5 4, 10 4, 15 10 C20 16, 25 16, 30 10 C35 4, 40 4, 45 10 C50 16, 55 16, 60 10' fill='none' stroke='%23c25550' stroke-width='0.6' opacity='0.2'/%3E%3C/svg%3E") repeat-x center;
+  background: url("data:image/svg+xml,%3Csvg width='60' height='16' viewBox='0 0 60 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8 C5 2, 10 2, 15 8 C20 14, 25 14, 30 8 C35 2, 40 2, 45 8 C50 14, 55 14, 60 8' fill='none' stroke='%233a6e5e' stroke-width='0.8' opacity='0.2'/%3E%3Cpath d='M0 10 C5 4, 10 4, 15 10 C20 16, 25 16, 30 10 C35 4, 40 4, 45 10 C50 16, 55 16, 60 10' fill='none' stroke='%235a3858' stroke-width='0.6' opacity='0.15'/%3E%3C/svg%3E") repeat-x center;
 }
 
 /* Custom tooltip styles */
@@ -380,8 +375,8 @@ blockquote cite {
   left: 50%;
   transform: translateX(-50%);
   padding: 4px 8px;
-  background: #2a2320;
-  color: #fdf0c4;
+  background: #1c2a3a;
+  color: #c8d8e8;
   font-size: 14px;
   border-radius: 4px;
   white-space: nowrap;