Unify color palette around Go brand cyan/teal

Replace competing section background colors (peach, yellow, saturated blue)
with a cohesive cyan/teal family derived from Go's official palette. Align
section headings, borders, links, and focus states to the same color system
for consistent appearance across different monitors.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: yonidavidson

docs/css/main.css

@@ -1554,12 +1554,12 @@ nav {
    CONTENT
    ========================================================================== */
 .content a {
-    color: #f0a303;
+    color: #00758D;
 }
 
 .content a:hover,
 .content a:focus {
-    color: #fddd52;
+    color: #00ADD8;
     text-decoration: underline;
 }
 
@@ -1568,7 +1568,7 @@ nav {
    ========================================================================== */
 section.about {
     position: relative;
-    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+    background: linear-gradient(135deg, #f2fafb 0%, #e6f4f7 100%);
     padding: 60px 20px;
     margin: 0 -20px;
     overflow: hidden;
@@ -1600,7 +1600,7 @@ section.about::before {
    ========================================================================== */
 section.location {
     position: relative;
-    background: linear-gradient(135deg, #fff7ed 0%, #fed7aa 100%);
+    background: linear-gradient(135deg, #eef7fa 0%, #dceef5 100%);
     padding: 60px 20px;
     margin: 60px -20px;
     overflow: hidden;
@@ -1620,7 +1620,7 @@ section.location::before {
 }
 
 section.location h2 {
-    color: #7c2d12 !important;
+    color: #00758D !important;
     position: relative;
     z-index: 1;
 }
@@ -1635,11 +1635,11 @@ section.location h2::before {
 
 .location-area {
     background: rgba(255, 255, 255, 0.98);
-    border: 4px solid #fb923c;
+    border: 4px solid #00ADD8;
     border-radius: 16px;
     height: 350px;
     overflow: hidden;
-    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.25);
+    box-shadow: 0 10px 40px rgba(0, 173, 216, 0.2);
     position: relative;
     z-index: 1;
 }
@@ -1708,14 +1708,14 @@ section.location h2::before {
 }
 
 .schedule-tbl tbody tr:hover {
-    background: #fffde1;
+    background: #edf7fa;
 }
 
 .schedule-coffee,
 .schedule-closing,
 .schedule-lunch,
 .schedule-other {
-    color: #214f87;
+    color: #00758D;
 }
 
 /* =============================================================================
@@ -1734,8 +1734,8 @@ section.location h2::before {
 .sponsor--link:focus,
 .partner-link:hover,
 .partner-link:focus {
-    border-color: #3b82f6;
-    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);
+    border-color: #00ADD8;
+    box-shadow: 0 8px 25px rgba(0, 173, 216, 0.2);
     transform: translateY(-4px);
 }
 
@@ -1756,17 +1756,17 @@ section.location h2::before {
 .form input[type=text]:focus,
 .form input[type=email]:focus,
 .form textarea:focus {
-    border-color: #3b82f6;
+    border-color: #00ADD8;
     outline: 0;
-    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+    box-shadow: 0 0 0 3px rgba(0, 173, 216, 0.15);
 }
 
 /* =============================================================================
    TWEETS SECTION - GOPHER PARTY
    ========================================================================== */
 section.tweets {
     position: relative;
-    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
+    background: linear-gradient(135deg, #e8f4f8 0%, #d4ecf2 100%);
     padding: 60px 20px;
     margin: 60px -20px;
     overflow: hidden;
@@ -1787,7 +1787,7 @@ section.tweets::before {
 }
 
 section.tweets h2 {
-    color: #1e3a8a !important;
+    color: #00758D !important;
     position: relative;
     z-index: 1;
 }
@@ -1985,7 +1985,7 @@ section.tweets h2::before {
    ========================================================================== */
 section.team {
     position: relative;
-    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+    background: linear-gradient(135deg, #f0f6fa 0%, #e0ecf3 100%);
     padding: 60px 20px;
     margin: 60px -20px;
     overflow: hidden;
@@ -2006,7 +2006,7 @@ section.team::before {
 }
 
 section.team h2 {
-    color: #78350f !important;
+    color: #00758D !important;
     position: relative;
     z-index: 1;
 }

static/css/main.css

@@ -1554,12 +1554,12 @@ nav {
    CONTENT
    ========================================================================== */
 .content a {
-    color: #f0a303;
+    color: #00758D;
 }
 
 .content a:hover,
 .content a:focus {
-    color: #fddd52;
+    color: #00ADD8;
     text-decoration: underline;
 }
 
@@ -1568,7 +1568,7 @@ nav {
    ========================================================================== */
 section.about {
     position: relative;
-    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+    background: linear-gradient(135deg, #f2fafb 0%, #e6f4f7 100%);
     padding: 60px 20px;
     margin: 0 -20px;
     overflow: hidden;
@@ -1600,7 +1600,7 @@ section.about::before {
    ========================================================================== */
 section.location {
     position: relative;
-    background: linear-gradient(135deg, #fff7ed 0%, #fed7aa 100%);
+    background: linear-gradient(135deg, #eef7fa 0%, #dceef5 100%);
     padding: 60px 20px;
     margin: 60px -20px;
     overflow: hidden;
@@ -1620,7 +1620,7 @@ section.location::before {
 }
 
 section.location h2 {
-    color: #7c2d12 !important;
+    color: #00758D !important;
     position: relative;
     z-index: 1;
 }
@@ -1635,11 +1635,11 @@ section.location h2::before {
 
 .location-area {
     background: rgba(255, 255, 255, 0.98);
-    border: 4px solid #fb923c;
+    border: 4px solid #00ADD8;
     border-radius: 16px;
     height: 350px;
     overflow: hidden;
-    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.25);
+    box-shadow: 0 10px 40px rgba(0, 173, 216, 0.2);
     position: relative;
     z-index: 1;
 }
@@ -1708,14 +1708,14 @@ section.location h2::before {
 }
 
 .schedule-tbl tbody tr:hover {
-    background: #fffde1;
+    background: #edf7fa;
 }
 
 .schedule-coffee,
 .schedule-closing,
 .schedule-lunch,
 .schedule-other {
-    color: #214f87;
+    color: #00758D;
 }
 
 /* =============================================================================
@@ -1734,8 +1734,8 @@ section.location h2::before {
 .sponsor--link:focus,
 .partner-link:hover,
 .partner-link:focus {
-    border-color: #3b82f6;
-    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);
+    border-color: #00ADD8;
+    box-shadow: 0 8px 25px rgba(0, 173, 216, 0.2);
     transform: translateY(-4px);
 }
 
@@ -1756,17 +1756,17 @@ section.location h2::before {
 .form input[type=text]:focus,
 .form input[type=email]:focus,
 .form textarea:focus {
-    border-color: #3b82f6;
+    border-color: #00ADD8;
     outline: 0;
-    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+    box-shadow: 0 0 0 3px rgba(0, 173, 216, 0.15);
 }
 
 /* =============================================================================
    TWEETS SECTION - GOPHER PARTY
    ========================================================================== */
 section.tweets {
     position: relative;
-    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
+    background: linear-gradient(135deg, #e8f4f8 0%, #d4ecf2 100%);
     padding: 60px 20px;
     margin: 60px -20px;
     overflow: hidden;
@@ -1787,7 +1787,7 @@ section.tweets::before {
 }
 
 section.tweets h2 {
-    color: #1e3a8a !important;
+    color: #00758D !important;
     position: relative;
     z-index: 1;
 }
@@ -1985,7 +1985,7 @@ section.tweets h2::before {
    ========================================================================== */
 section.team {
     position: relative;
-    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+    background: linear-gradient(135deg, #f0f6fa 0%, #e0ecf3 100%);
     padding: 60px 20px;
     margin: 60px -20px;
     overflow: hidden;
@@ -2006,7 +2006,7 @@ section.team::before {
 }
 
 section.team h2 {
-    color: #78350f !important;
+    color: #00758D !important;
     position: relative;
     z-index: 1;
 }