Update color scheme to match BMT brand identity

static/input.css

@@ -29,11 +29,11 @@
 }
 
 #text-404 {
-  @apply bg-gradient-to-br from-teal-400 to-emerald-300 bg-clip-text text-transparent;
+  @apply bg-gradient-to-br from-cyan-500 to-teal-400 bg-clip-text text-transparent;
   font-size: 12rem;
   font-weight: bold;
   position: relative;
-  --text-shadow: 1px 1px theme("colors.emerald.500"), 2px 2px theme("colors.emerald.500"), 3px 3px theme("colors.emerald.500"), 4px 4px theme("colors.emerald.500"), 5px 5px theme("colors.emerald.500");
+  --text-shadow: 1px 1px theme("colors.teal.600"), 2px 2px theme("colors.teal.600"), 3px 3px theme("colors.teal.600"), 4px 4px theme("colors.teal.600"), 5px 5px theme("colors.teal.600");
 }
 
 #text-404::after {

tailwind.config.js

@@ -32,15 +32,15 @@ module.exports = {
             a: {
               textDecoration: "none",
               fontWeight: "medium",
-              color: theme("colors.blue.500"),
+              color: theme("colors.cyan.600"),
               transitionProperty: theme("transitionProperty.shadow"),
               transitionTimingFunction: theme(
                 "transitionTimingFunction.in-out"
               ),
               transitionDuration: theme("transitionDuration.150"),
-              boxShadow: `inset 0 -0.4em ${theme("colors.blue.100")}`,
+              boxShadow: `inset 0 -0.4em ${theme("colors.cyan.100")}`,
               "&:hover": {
-                boxShadow: `inset 0 -0.6em ${theme("colors.blue.200")}`,
+                boxShadow: `inset 0 -0.6em ${theme("colors.cyan.200")}`,
               },
             },
           },

templates/index.html

@@ -70,7 +70,7 @@ <h3 class="font-bold text-lg md:text-2xl mb-4">{{ title }}</h3>
   {{ self::post_notification(
     title=news_post.title,
     href=news_post.permalink,
-    class="bg-rose-50 hover:bg-rose-100 border-rose-200",
+    class="bg-teal-50 hover:bg-teal-100 border-teal-200",
     icon_class="bi-megaphone-fill",
     label="News",
   ) }}
@@ -82,7 +82,7 @@ <h3 class="font-bold text-lg md:text-2xl mb-4">{{ title }}</h3>
   {{ self::post_notification(
     title=blog_post.title,
     href=blog_post.permalink,
-    class="bg-blue-50 hover:bg-blue-100 border-blue-200",
+    class="bg-cyan-50 hover:bg-cyan-100 border-cyan-200",
     icon_class="bi-pencil-square",
     label="Blog",
   ) }}
@@ -116,15 +116,15 @@ <h2 class="font-bold text-2xl">Recent & Upcoming Events</h2>
 
 <div class="flex flex-col md:grid grid-cols-6 gap-4 max-w-4xl">
   {{ self::event(
-  class="col-span-6 bg-gradient-to-br shadow-lg from-fuchsia-700 to-fuchsia-900 text-white",
+  class="col-span-6 bg-gradient-to-br shadow-lg from-teal-500 to-teal-700 text-white",
   name="Berkeley mini Math Tournament 2026",
   date="April 12, 2026",
   href="/events/bmmt-2026/",
   description="Our annual “mini” in-person tournament for middle school and advanced elementary school students showcases the beauty and fun of mathematics through exciting formats like the Puzzle Round and Relay Round, preparing them for future mathematical endeavors."
   ) }}
 
   {{ self::event(
-  class="col-span-4 bg-gradient-to-br shadow-lg from-orange-700 to-orange-900 text-white",
+  class="col-span-4 bg-gradient-to-br shadow-lg from-cyan-500 to-cyan-700 text-white",
   name="BmMT 2026 Online",
   date="June 6, 2026",
   href="/events/bmmt-2026-online/",

templates/shortcodes/button_link.html

@@ -1,4 +1,4 @@
 <a href="{{ href }}"
-  class="not-prose inline-block text-base bg-teal-500 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
+  class="not-prose inline-block text-base bg-teal-600 hover:bg-teal-700 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
   {{ body }}
 </a>