From d21b4deb28b1d6f37ab1deacf94a4afa65f88f96 Mon Sep 17 00:00:00 2001
From: Anand Chowdhary <mail@anandchowdhary.com>
Date: Thu, 25 Apr 2024 11:03:39 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Update=20tailwind=20to=20use=20d?=
 =?UTF-8?q?ynamic=20primary=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/not-found.tsx              |   6 +-
 src/components/BackgroundImage.tsx |   5 +-
 src/components/Button.tsx          |  10 +-
 src/components/Footer.tsx          |   6 +-
 src/components/Header.tsx          |   4 +-
 src/components/Hero.tsx            |   6 +-
 src/components/Logo.tsx            | 198 +++++++++++++----------------
 src/components/Newsletter.tsx      |  20 +--
 src/components/Projects.tsx        |  10 +-
 src/components/Schedule.tsx        |  12 +-
 src/components/Sponsors.tsx        |   6 +-
 tailwind.config.ts                 |   2 +
 12 files changed, 136 insertions(+), 149 deletions(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index da7ed05..ecc8c10 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -9,13 +9,13 @@ export default function NotFound() {
       <div className="relative flex h-full items-center py-20 sm:py-36">
         <BackgroundImage className="-top-36 bottom-0" />
         <Container className="relative flex w-full flex-col items-center">
-          <p className="font-display text-2xl tracking-tight text-teal-900">
+          <p className="text-primary-900 font-display text-2xl tracking-tight">
             404
           </p>
-          <h1 className="mt-4 font-display text-4xl font-bold tracking-tighter text-teal-600 sm:text-5xl">
+          <h1 className="text-primary-600 mt-4 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
             Page not found
           </h1>
-          <p className="mt-4 text-lg tracking-tight text-teal-900">
+          <p className="text-primary-900 mt-4 text-lg tracking-tight">
             Sorry, we couldn’t find the page you’re looking for.
           </p>
           <Button href="/" className="mt-8">
diff --git a/src/components/BackgroundImage.tsx b/src/components/BackgroundImage.tsx
index 57cd855..21a53bc 100644
--- a/src/components/BackgroundImage.tsx
+++ b/src/components/BackgroundImage.tsx
@@ -9,7 +9,10 @@ export function BackgroundImage({
 }) {
   return (
     <div
-      className={clsx('absolute inset-0 overflow-hidden bg-teal-50', className)}
+      className={clsx(
+        'bg-primary-50 absolute inset-0 overflow-hidden',
+        className,
+      )}
     >
       <svg
         className={clsx(
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 4ad4be9..9fa6f43 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -7,24 +7,24 @@ type ButtonProps =
 
 export function Button({ className, children, ...props }: ButtonProps) {
   className = clsx(
-    'inline-flex justify-center group bg-teal-600 py-3 px-5 text-base font-semibold text-white hover:bg-teal-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal-500 active:text-white/70 -translate-x-6',
+    'inline-flex justify-center group bg-primary-600 py-3 px-5 text-base font-semibold text-white hover:bg-primary-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 active:text-white/70 -translate-x-6',
     className,
   )
 
   return typeof props.href === 'undefined' ? (
     <div className="relative">
       <button className={className}>
-        <ButtonLeft className="absolute left-px top-0 h-full -translate-x-full text-teal-600 group-hover:text-teal-500 " />
+        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute left-px top-0 h-full -translate-x-full " />
         {children}
-        <ButtonLeft className="absolute right-px top-0 h-full translate-x-full rotate-180 text-teal-600 group-hover:text-teal-500" />
+        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute right-px top-0 h-full translate-x-full rotate-180" />
       </button>
     </div>
   ) : (
     <div className="relative">
       <Link href={props.href} className={className}>
-        <ButtonLeft className="absolute left-px top-0 h-full -translate-x-full text-teal-600 group-hover:text-teal-500" />
+        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute left-px top-0 h-full -translate-x-full" />
         {children}
-        <ButtonLeft className="absolute right-px top-0 h-full translate-x-full rotate-180 text-teal-600 group-hover:text-teal-500" />
+        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute right-px top-0 h-full translate-x-full rotate-180" />
       </Link>
     </div>
   )
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index aaa3fd8..0de6de0 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -6,19 +6,19 @@ export function Footer() {
   return (
     <footer className="flex-none py-16">
       <Container className="flex flex-col items-center justify-between md:flex-row">
-        <Logo className="h-12 w-auto text-teal-500" />
+        <Logo className="text-primary-500 h-12 w-auto" />
         <nav className="mt-4 flex items-center space-x-4 sm:mt-0">
           <a
             href="https://linkedin.com/company/chowdhary"
             aria-label="LinkedIn"
-            className="text-teal-600"
+            className="text-primary-600"
           >
             <IconBrandLinkedin strokeWidth={1.5} className="h-8 w-8" />
           </a>
           <a
             href="https://github.com/chowdhary-org"
             aria-label="GitHub"
-            className="text-teal-600"
+            className="text-primary-600"
           >
             <IconBrandGithub strokeWidth={1.5} className="h-8 w-8" />
           </a>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index cb78a65..67bb0a0 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -9,9 +9,9 @@ export function Header() {
     <header className="relative z-50 flex-none lg:pt-11">
       <Container className="flex flex-wrap items-center justify-center sm:justify-between lg:flex-nowrap">
         <div className="mt-10 lg:mt-0 lg:grow lg:basis-0">
-          <Logo className="h-12 w-auto text-teal-500" />
+          <Logo className="text-primary-500 h-12 w-auto" />
         </div>
-        <div className="order-first -mx-4 flex flex-auto basis-full overflow-x-auto whitespace-nowrap border-b border-teal-600/10 py-4 font-mono text-sm text-teal-600 sm:-mx-6 lg:order-none lg:mx-0 lg:basis-auto lg:border-0 lg:py-0">
+        <div className="border-primary-600/10 text-primary-600 order-first -mx-4 flex flex-auto basis-full overflow-x-auto whitespace-nowrap border-b py-4 font-mono text-sm sm:-mx-6 lg:order-none lg:mx-0 lg:basis-auto lg:border-0 lg:py-0">
           <div className="mx-auto flex items-center gap-4 px-4">
             <Link href="#foundation">Foundation</Link>
             <DiamondIcon className="h-1.5 w-1.5 overflow-visible fill-current stroke-current" />
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index cb9927f..3fc3699 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -8,11 +8,11 @@ export function Hero() {
       <BackgroundImage className="-bottom-14 -top-36" />
       <Container className="relative">
         <div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
-          <h1 className="font-display text-5xl font-bold tracking-tighter text-teal-600 sm:text-7xl">
+          <h1 className="text-primary-600 font-display text-5xl font-bold tracking-tighter sm:text-7xl">
             Technology for good.
           </h1>
-          <div className="mt-6 space-y-6 font-display text-2xl tracking-tight text-teal-900">
-            <p className="text-3xl font-bold text-teal-700">
+          <div className="text-primary-900 mt-6 space-y-6 font-display text-2xl tracking-tight">
+            <p className="text-primary-700 text-3xl font-bold">
               We are a nonprofit harnessing the power of technology to open
               doors to a better future.
             </p>
diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index a033691..573e97d 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,170 +1,152 @@
 export function Logo(props: React.ComponentPropsWithoutRef<'svg'>) {
   return (
     <svg
-      viewBox="0 0 736 117"
+      viewBox="0 0 666 129"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
       <title>Chowdhary.org</title>
       <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M58.5 0H43.875V14.2866L29.25 14.2866L29.25 29.25H14.625L14.625 44.0802H0V58.7052V73.3302H14.625L14.625 87.75H29.25L29.25 87.8076L29.25 102.433H44.287V117H58.9119H58.912H73.5369V102.433H87.75V87.8076V87.75H102.375V73.125H117V58.5V43.875H102.375V29.25H87.75V14.2866L73.125 14.2866V0H58.5Z"
+        d="M629.425 104.38C628.093 104.38 626.903 104.309 625.855 104.167C624.807 104.054 624.155 103.941 623.9 103.827V95.115C624.268 95.285 624.892 95.4125 625.77 95.4975C626.677 95.6108 627.612 95.6675 628.575 95.6675C630.133 95.6675 631.479 95.3558 632.612 94.7325C633.774 94.1092 634.766 93.245 635.587 92.14C636.409 91.0633 637.061 89.8025 637.542 88.3575L638.52 85.51L622.965 39.865H634.652L645.32 77.52H643.96L654.372 39.865H665.847L650.037 87.7625C648.932 91.0775 647.587 93.9817 646 96.475C644.442 98.9683 642.359 100.909 639.752 102.297C637.146 103.686 633.703 104.38 629.425 104.38Z"
+        fill="black"
+      />
+      <path
+        d="M586.506 85.0001V39.8651H597.683V54.8676L595.091 53.4226C595.374 51.4676 595.898 49.6259 596.663 47.8976C597.428 46.1409 598.448 44.6109 599.723 43.3076C600.998 41.9759 602.543 40.9418 604.356 40.2051C606.169 39.4684 608.238 39.1001 610.561 39.1001C612.403 39.1001 613.848 39.2418 614.896 39.5251C615.973 39.7801 616.638 39.9926 616.893 40.1626L614.853 50.4051C614.57 50.2068 613.989 49.9659 613.111 49.6826C612.261 49.3709 611.113 49.2151 609.668 49.2151C607.373 49.2151 605.447 49.6118 603.888 50.4051C602.358 51.1701 601.14 52.2184 600.233 53.5501C599.327 54.8534 598.675 56.2984 598.278 57.8851C597.882 59.4434 597.683 61.0018 597.683 62.5601V85.0001H586.506Z"
+        fill="black"
+      />
+      <path
+        d="M546.633 85.9351C543.261 85.9351 540.3 85.4109 537.75 84.3626C535.2 83.2859 533.203 81.7418 531.758 79.7301C530.313 77.7184 529.59 75.2959 529.59 72.4626C529.59 69.3743 530.426 66.8384 532.098 64.8551C533.798 62.8434 536.079 61.2993 538.94 60.2226C541.802 59.1176 544.975 58.4093 548.46 58.0976C553.617 57.5876 557.215 57.1059 559.255 56.6526C561.324 56.1709 562.358 55.4059 562.358 54.3576C562.358 54.3293 562.358 54.3151 562.358 54.3151C562.358 54.2868 562.358 54.2726 562.358 54.2726C562.358 52.2893 561.465 50.7593 559.68 49.6826C557.895 48.6059 555.374 48.0676 552.115 48.0676C548.687 48.0676 546.052 48.6768 544.21 49.8951C542.397 51.0851 541.49 52.9834 541.49 55.5901H530.44C530.44 52.0484 531.375 49.0593 533.245 46.6226C535.144 44.1576 537.736 42.2876 541.023 41.0126C544.31 39.7376 548.035 39.1001 552.2 39.1001C556.082 39.1001 559.638 39.6809 562.868 40.8426C566.098 42.0043 568.69 43.7609 570.645 46.1126C572.6 48.4643 573.578 51.3968 573.578 54.9101C573.578 55.5051 573.578 56.1001 573.578 56.6951C573.578 57.2901 573.578 57.8851 573.578 58.4801V75.4801C573.578 76.5568 573.606 77.6193 573.663 78.6676C573.748 79.6876 573.904 80.6084 574.13 81.4301C574.414 82.3368 574.754 83.1018 575.15 83.7251C575.547 84.3484 575.859 84.7734 576.085 85.0001H565.035C564.837 84.8018 564.554 84.4193 564.185 83.8526C563.845 83.2576 563.534 82.5776 563.25 81.8126C562.967 80.9626 562.755 80.0559 562.613 79.0926C562.471 78.1009 562.4 77.0101 562.4 75.8201L564.61 77.3501C563.76 79.0784 562.457 80.5943 560.7 81.8976C558.972 83.1726 556.904 84.1643 554.495 84.8726C552.087 85.5809 549.466 85.9351 546.633 85.9351ZM549.353 77.1376C551.676 77.1376 553.83 76.7409 555.813 75.9476C557.796 75.1543 559.397 73.9359 560.615 72.2926C561.834 70.6209 562.443 68.4818 562.443 65.8751V59.8401L565.163 62.9001C563.35 63.5801 561.168 64.1468 558.618 64.6001C556.068 65.0251 553.49 65.3651 550.883 65.6201C547.54 65.9318 545.018 66.5126 543.318 67.3626C541.646 68.2126 540.81 69.6009 540.81 71.5276C540.81 73.3976 541.519 74.8001 542.935 75.7351C544.352 76.6701 546.491 77.1376 549.353 77.1376Z"
+        fill="black"
+      />
+      <path
+        d="M506.618 85V68.7225C506.618 68.0425 506.618 67.1925 506.618 66.1725C506.618 65.1525 506.618 64.1183 506.618 63.07C506.618 62.0217 506.618 61.1575 506.618 60.4775C506.618 56.7375 505.881 53.8758 504.408 51.8925C502.963 49.8808 500.484 48.875 496.97 48.875C494.619 48.875 492.607 49.3425 490.935 50.2775C489.292 51.1842 488.031 52.4592 487.153 54.1025C486.275 55.7458 485.835 57.6442 485.835 59.7975L481.755 57.63C481.755 54.0317 482.563 50.8442 484.178 48.0675C485.821 45.2625 488.088 43.0667 490.978 41.48C493.868 39.8933 497.183 39.1 500.923 39.1C506.391 39.1 510.57 40.7292 513.46 43.9875C516.35 47.2175 517.795 51.7225 517.795 57.5025C517.795 58.9758 517.795 60.7325 517.795 62.7725C517.795 64.7842 517.795 67.0508 517.795 69.5725V85H506.618ZM474.658 85V18.5725H485.835V85H474.658Z"
+        fill="black"
+      />
+      <path
+        d="M435.65 85.935C431.938 85.935 428.496 85.0425 425.323 83.2575C422.178 81.4442 419.656 78.7808 417.758 75.2675C415.859 71.7542 414.91 67.4333 414.91 62.305C414.91 57.3183 415.873 53.0967 417.8 49.64C419.755 46.1833 422.305 43.5625 425.45 41.7775C428.623 39.9925 432.023 39.1 435.65 39.1C439.192 39.1 442.464 39.9783 445.468 41.735C448.471 43.4633 450.879 45.8717 452.693 48.96C454.506 52.0483 455.413 55.59 455.413 59.585C455.413 59.6983 455.413 59.8117 455.413 59.925C455.413 60.0383 455.413 60.1517 455.413 60.265L449.888 60.3925C449.888 60.3075 449.888 60.2225 449.888 60.1375C449.888 60.0242 449.888 59.925 449.888 59.84C449.888 57.6017 449.321 55.6467 448.188 53.975C447.083 52.3033 445.638 51 443.853 50.065C442.096 49.1017 440.226 48.62 438.243 48.62C434.984 48.62 432.208 49.725 429.913 51.935C427.618 54.1167 426.47 57.5733 426.47 62.305C426.47 67.0083 427.618 70.4792 429.913 72.7175C432.208 74.9558 434.984 76.075 438.243 76.075C440.311 76.075 442.223 75.5792 443.98 74.5875C445.737 73.5958 447.153 72.2358 448.23 70.5075C449.335 68.7508 449.888 66.7392 449.888 64.4725L455.413 64.7275C455.413 68.6942 454.52 72.2925 452.735 75.5225C450.979 78.7242 448.613 81.26 445.638 83.13C442.663 85 439.333 85.935 435.65 85.935ZM449.888 85V18.5725H461.108V85H449.888Z"
+        fill="black"
+      />
+      <path
+        d="M383.003 85L372.506 39.865H381.048L391.291 81.4725H389.463L396.008 39.865H407.611L398.346 85H383.003ZM351.893 85L342.586 39.865H354.188L360.776 81.4725H358.948L369.106 39.865H377.648L367.321 85H351.893Z"
+        fill="black"
+      />
+      <path
+        d="M311.639 85.8926C306.879 85.8926 302.686 84.9009 299.059 82.9176C295.432 80.9059 292.585 78.1293 290.517 74.5876C288.477 71.0459 287.457 66.9943 287.457 62.4326C287.457 57.8426 288.477 53.8051 290.517 50.3201C292.585 46.8068 295.432 44.0584 299.059 42.0751C302.686 40.0918 306.879 39.1001 311.639 39.1001C316.399 39.1001 320.593 40.0918 324.219 42.0751C327.846 44.0584 330.679 46.8068 332.719 50.3201C334.788 53.8051 335.822 57.8426 335.822 62.4326C335.822 66.9943 334.788 71.0459 332.719 74.5876C330.679 78.1293 327.846 80.9059 324.219 82.9176C320.593 84.9009 316.399 85.8926 311.639 85.8926ZM311.639 76.7551C314.218 76.7551 316.47 76.1601 318.397 74.9701C320.323 73.7801 321.825 72.1226 322.902 69.9976C323.978 67.8443 324.517 65.3226 324.517 62.4326C324.517 59.5426 323.978 57.0493 322.902 54.9526C321.825 52.8276 320.323 51.1843 318.397 50.0226C316.47 48.8609 314.218 48.2801 311.639 48.2801C309.089 48.2801 306.837 48.8609 304.882 50.0226C302.955 51.1843 301.453 52.8276 300.377 54.9526C299.3 57.0493 298.762 59.5426 298.762 62.4326C298.762 65.3226 299.3 67.8443 300.377 69.9976C301.453 72.1226 302.955 73.7801 304.882 74.9701C306.837 76.1601 309.089 76.7551 311.639 76.7551Z"
+        fill="black"
+      />
+      <path
+        d="M264.909 85V68.7225C264.909 68.0425 264.909 67.1925 264.909 66.1725C264.909 65.1525 264.909 64.1183 264.909 63.07C264.909 62.0217 264.909 61.1575 264.909 60.4775C264.909 56.7375 264.172 53.8758 262.699 51.8925C261.254 49.8808 258.775 48.875 255.262 48.875C252.91 48.875 250.898 49.3425 249.227 50.2775C247.583 51.1842 246.322 52.4592 245.444 54.1025C244.566 55.7458 244.127 57.6442 244.127 59.7975L240.047 57.63C240.047 54.0317 240.854 50.8442 242.469 48.0675C244.112 45.2625 246.379 43.0667 249.269 41.48C252.159 39.8933 255.474 39.1 259.214 39.1C264.682 39.1 268.862 40.7292 271.752 43.9875C274.642 47.2175 276.087 51.7225 276.087 57.5025C276.087 58.9758 276.087 60.7325 276.087 62.7725C276.087 64.7842 276.087 67.0508 276.087 69.5725V85H264.909ZM232.949 85V18.5725H244.127V85H232.949Z"
+        fill="black"
+      />
+      <path
+        d="M198.922 85.9351C194.162 85.9351 189.955 84.9576 186.3 83.0026C182.645 81.0476 179.783 78.2993 177.715 74.7576C175.647 71.2159 174.612 67.0651 174.612 62.3051C174.612 57.5734 175.647 53.4651 177.715 49.9801C179.783 46.4951 182.645 43.8176 186.3 41.9476C189.955 40.0493 194.162 39.1001 198.922 39.1001C202.492 39.1001 205.652 39.6243 208.4 40.6726C211.148 41.7209 213.457 43.1234 215.327 44.8801C217.226 46.6084 218.671 48.5209 219.662 50.6176C220.654 52.6859 221.15 54.7543 221.15 56.8226C221.15 56.8793 221.15 56.9359 221.15 56.9926C221.15 57.0493 221.15 57.1059 221.15 57.1626H210.057C210.057 57.0209 210.043 56.8651 210.015 56.6951C209.987 56.5251 209.958 56.3551 209.93 56.1851C209.703 54.7401 209.122 53.4368 208.187 52.2751C207.252 51.0851 206.006 50.1359 204.447 49.4276C202.889 48.7193 201.005 48.3651 198.795 48.3651C196.443 48.3651 194.29 48.8893 192.335 49.9376C190.408 50.9576 188.864 52.5018 187.702 54.5701C186.569 56.6384 186.002 59.2168 186.002 62.3051C186.002 65.3651 186.569 67.9718 187.702 70.1251C188.836 72.2501 190.366 73.8793 192.292 75.0126C194.247 76.1176 196.415 76.6701 198.795 76.6701C201.317 76.6701 203.371 76.2876 204.957 75.5226C206.572 74.7293 207.791 73.6809 208.612 72.3776C209.434 71.0459 209.902 69.6009 210.015 68.0426H221.15C221.15 70.1393 220.668 72.2501 219.705 74.3751C218.742 76.4718 217.325 78.3984 215.455 80.1551C213.585 81.9118 211.262 83.3143 208.485 84.3626C205.737 85.4109 202.549 85.9351 198.922 85.9351Z"
+        fill="black"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M64.5 0H48.375V15.7518L32.25 15.7518V32.25H16.125L16.125 48.6015H0V64.7265V80.8515H16.125L16.125 96.75H32.25L32.25 96.8135V112.938H48.8293V129H64.9542H64.9543H81.0792V112.938H96.75V96.8135V96.75H112.875V80.625H129V64.5V48.375H112.875V32.25H96.75V15.7518L80.625 15.7518V0H64.5Z"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="29.662"
-        y="102.375"
-        width="14.625"
-        height="14.625"
+        x="32.7043"
+        y="112.875"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
       <rect
         opacity="0.86"
-        x="14.625"
-        y="87.75"
-        width="14.625"
-        height="14.625"
+        x="16.125"
+        y="96.75"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
       <rect
         opacity="0.86"
-        x="14.625"
-        y="14.625"
-        width="14.625"
-        height="14.625"
+        x="16.125"
+        y="16.125"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
       <rect
         opacity="0.86"
-        x="87.75"
-        y="87.75"
-        width="14.625"
-        height="14.625"
+        x="96.75"
+        y="96.75"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="73.537"
-        y="102.375"
-        width="14.625"
-        height="14.625"
+        x="81.0792"
+        y="112.875"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="29.25"
-        width="14.625"
-        height="14.625"
+        x="32.25"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="73.125"
-        width="14.625"
-        height="14.625"
+        x="80.625"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="14.625"
-        y="29.4553"
-        width="14.625"
-        height="14.625"
-        transform="rotate(90 14.625 29.4553)"
+        x="16.125"
+        y="32.4766"
+        width="16.125"
+        height="16.125"
+        transform="rotate(90 16.125 32.4766)"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="14.625"
-        y="73.125"
-        width="14.625"
-        height="14.625"
-        transform="rotate(90 14.625 73.125)"
+        x="16.125"
+        y="80.625"
+        width="16.125"
+        height="16.125"
+        transform="rotate(90 16.125 80.625)"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="117"
-        y="29.25"
-        width="14.625"
-        height="14.625"
-        transform="rotate(90 117 29.25)"
+        x="129"
+        y="32.25"
+        width="16.125"
+        height="16.125"
+        transform="rotate(90 129 32.25)"
         fill="currentColor"
       />
       <rect
         opacity="0.63"
-        x="117"
-        y="73.125"
-        width="14.625"
-        height="14.625"
-        transform="rotate(90 117 73.125)"
+        x="129"
+        y="80.625"
+        width="16.125"
+        height="16.125"
+        transform="rotate(90 129 80.625)"
         fill="currentColor"
       />
       <rect
         opacity="0.86"
-        x="87.75"
-        y="14.625"
-        width="14.625"
-        height="14.625"
+        x="96.75"
+        y="16.125"
+        width="16.125"
+        height="16.125"
         fill="currentColor"
       />
-      <path
-        d="M177.923 83.3625C173.163 83.3625 168.955 82.385 165.3 80.43C161.645 78.475 158.783 75.7267 156.715 72.185C154.647 68.6433 153.613 64.4925 153.613 59.7325C153.613 55.0008 154.647 50.8925 156.715 47.4075C158.783 43.9225 161.645 41.245 165.3 39.375C168.955 37.4767 173.163 36.5275 177.923 36.5275C181.493 36.5275 184.652 37.0517 187.4 38.1C190.148 39.1483 192.458 40.5508 194.328 42.3075C196.226 44.0358 197.671 45.9483 198.663 48.045C199.654 50.1133 200.15 52.1817 200.15 54.25C200.15 54.3067 200.15 54.3633 200.15 54.42C200.15 54.4767 200.15 54.5333 200.15 54.59H189.058C189.058 54.4483 189.043 54.2925 189.015 54.1225C188.987 53.9525 188.958 53.7825 188.93 53.6125C188.703 52.1675 188.123 50.8642 187.188 49.7025C186.253 48.5125 185.006 47.5633 183.448 46.855C181.889 46.1467 180.005 45.7925 177.795 45.7925C175.443 45.7925 173.29 46.3167 171.335 47.365C169.408 48.385 167.864 49.9292 166.703 51.9975C165.569 54.0658 165.003 56.6442 165.003 59.7325C165.003 62.7925 165.569 65.3992 166.703 67.5525C167.836 69.6775 169.366 71.3067 171.293 72.44C173.248 73.545 175.415 74.0975 177.795 74.0975C180.317 74.0975 182.371 73.715 183.958 72.95C185.573 72.1567 186.791 71.1083 187.613 69.805C188.434 68.4733 188.902 67.0283 189.015 65.47H200.15C200.15 67.5667 199.668 69.6775 198.705 71.8025C197.742 73.8992 196.325 75.8258 194.455 77.5825C192.585 79.3392 190.262 80.7417 187.485 81.79C184.737 82.8383 181.549 83.3625 177.923 83.3625Z"
-        fill="black"
-      />
-      <path
-        d="M243.909 82.4275V66.15C243.909 65.47 243.909 64.62 243.909 63.6C243.909 62.58 243.909 61.5458 243.909 60.4975C243.909 59.4492 243.909 58.585 243.909 57.905C243.909 54.165 243.172 51.3033 241.699 49.32C240.254 47.3083 237.775 46.3025 234.262 46.3025C231.91 46.3025 229.898 46.77 228.227 47.705C226.583 48.6117 225.322 49.8867 224.444 51.53C223.566 53.1733 223.127 55.0717 223.127 57.225L219.047 55.0575C219.047 51.4592 219.854 48.2717 221.469 45.495C223.112 42.69 225.379 40.4942 228.269 38.9075C231.159 37.3208 234.474 36.5275 238.214 36.5275C243.682 36.5275 247.862 38.1567 250.752 41.415C253.642 44.645 255.087 49.15 255.087 54.93C255.087 56.4033 255.087 58.16 255.087 60.2C255.087 62.2117 255.087 64.4783 255.087 67V82.4275H243.909ZM211.949 82.4275V16H223.127V82.4275H211.949Z"
-        fill="black"
-      />
-      <path
-        d="M290.639 83.32C285.879 83.32 281.686 82.3283 278.059 80.345C274.433 78.3333 271.585 75.5567 269.517 72.015C267.477 68.4733 266.457 64.4217 266.457 59.86C266.457 55.27 267.477 51.2325 269.517 47.7475C271.585 44.2342 274.433 41.4858 278.059 39.5025C281.686 37.5192 285.879 36.5275 290.639 36.5275C295.399 36.5275 299.593 37.5192 303.219 39.5025C306.846 41.4858 309.679 44.2342 311.719 47.7475C313.788 51.2325 314.822 55.27 314.822 59.86C314.822 64.4217 313.788 68.4733 311.719 72.015C309.679 75.5567 306.846 78.3333 303.219 80.345C299.593 82.3283 295.399 83.32 290.639 83.32ZM290.639 74.1825C293.218 74.1825 295.47 73.5875 297.397 72.3975C299.323 71.2075 300.825 69.55 301.902 67.425C302.978 65.2717 303.517 62.75 303.517 59.86C303.517 56.97 302.978 54.4767 301.902 52.38C300.825 50.255 299.323 48.6117 297.397 47.45C295.47 46.2883 293.218 45.7075 290.639 45.7075C288.089 45.7075 285.837 46.2883 283.882 47.45C281.955 48.6117 280.453 50.255 279.377 52.38C278.3 54.4767 277.762 56.97 277.762 59.86C277.762 62.75 278.3 65.2717 279.377 67.425C280.453 69.55 281.955 71.2075 283.882 72.3975C285.837 73.5875 288.089 74.1825 290.639 74.1825Z"
-        fill="black"
-      />
-      <path
-        d="M362.003 82.4275L351.506 37.2925H360.048L370.291 78.9H368.463L375.008 37.2925H386.611L377.346 82.4275H362.003ZM330.893 82.4275L321.586 37.2925H333.188L339.776 78.9H337.948L348.106 37.2925H356.648L346.321 82.4275H330.893Z"
-        fill="black"
-      />
-      <path
-        d="M414.65 83.3625C410.939 83.3625 407.496 82.47 404.323 80.685C401.178 78.8717 398.656 76.2083 396.758 72.695C394.859 69.1817 393.91 64.8608 393.91 59.7325C393.91 54.7458 394.874 50.5242 396.8 47.0675C398.755 43.6108 401.305 40.99 404.45 39.205C407.624 37.42 411.024 36.5275 414.65 36.5275C418.192 36.5275 421.464 37.4058 424.468 39.1625C427.471 40.8908 429.879 43.2992 431.693 46.3875C433.506 49.4758 434.413 53.0175 434.413 57.0125C434.413 57.1258 434.413 57.2392 434.413 57.3525C434.413 57.4658 434.413 57.5792 434.413 57.6925L428.888 57.82C428.888 57.735 428.888 57.65 428.888 57.565C428.888 57.4517 428.888 57.3525 428.888 57.2675C428.888 55.0292 428.321 53.0742 427.188 51.4025C426.083 49.7308 424.638 48.4275 422.853 47.4925C421.096 46.5292 419.226 46.0475 417.243 46.0475C413.984 46.0475 411.208 47.1525 408.913 49.3625C406.618 51.5442 405.47 55.0008 405.47 59.7325C405.47 64.4358 406.618 67.9067 408.913 70.145C411.208 72.3833 413.984 73.5025 417.243 73.5025C419.311 73.5025 421.224 73.0067 422.98 72.015C424.737 71.0233 426.154 69.6633 427.23 67.935C428.335 66.1783 428.888 64.1667 428.888 61.9L434.413 62.155C434.413 66.1217 433.52 69.72 431.735 72.95C429.979 76.1517 427.613 78.6875 424.638 80.5575C421.663 82.4275 418.334 83.3625 414.65 83.3625ZM428.888 82.4275V16H440.108V82.4275H428.888Z"
-        fill="black"
-      />
-      <path
-        d="M485.618 82.4275V66.15C485.618 65.47 485.618 64.62 485.618 63.6C485.618 62.58 485.618 61.5458 485.618 60.4975C485.618 59.4492 485.618 58.585 485.618 57.905C485.618 54.165 484.881 51.3033 483.408 49.32C481.963 47.3083 479.484 46.3025 475.97 46.3025C473.619 46.3025 471.607 46.77 469.935 47.705C468.292 48.6117 467.031 49.8867 466.153 51.53C465.275 53.1733 464.835 55.0717 464.835 57.225L460.755 55.0575C460.755 51.4592 461.563 48.2717 463.178 45.495C464.821 42.69 467.088 40.4942 469.978 38.9075C472.868 37.3208 476.183 36.5275 479.923 36.5275C485.391 36.5275 489.57 38.1567 492.46 41.415C495.35 44.645 496.795 49.15 496.795 54.93C496.795 56.4033 496.795 58.16 496.795 60.2C496.795 62.2117 496.795 64.4783 496.795 67V82.4275H485.618ZM453.658 82.4275V16H464.835V82.4275H453.658Z"
-        fill="black"
-      />
-      <path
-        d="M525.633 83.3625C522.261 83.3625 519.3 82.8383 516.75 81.79C514.2 80.7133 512.203 79.1692 510.758 77.1575C509.313 75.1458 508.59 72.7233 508.59 69.89C508.59 66.8017 509.426 64.2658 511.098 62.2825C512.798 60.2708 515.079 58.7267 517.94 57.65C520.802 56.545 523.975 55.8367 527.46 55.525C532.617 55.015 536.215 54.5333 538.255 54.08C540.324 53.5983 541.358 52.8333 541.358 51.785C541.358 51.7567 541.358 51.7425 541.358 51.7425C541.358 51.7142 541.358 51.7 541.358 51.7C541.358 49.7167 540.465 48.1867 538.68 47.11C536.895 46.0333 534.374 45.495 531.115 45.495C527.687 45.495 525.052 46.1042 523.21 47.3225C521.397 48.5125 520.49 50.4108 520.49 53.0175H509.44C509.44 49.4758 510.375 46.4867 512.245 44.05C514.144 41.585 516.736 39.715 520.023 38.44C523.31 37.165 527.035 36.5275 531.2 36.5275C535.082 36.5275 538.638 37.1083 541.868 38.27C545.098 39.4317 547.69 41.1883 549.645 43.54C551.6 45.8917 552.578 48.8242 552.578 52.3375C552.578 52.9325 552.578 53.5275 552.578 54.1225C552.578 54.7175 552.578 55.3125 552.578 55.9075V72.9075C552.578 73.9842 552.606 75.0467 552.663 76.095C552.748 77.115 552.904 78.0358 553.13 78.8575C553.414 79.7642 553.754 80.5292 554.15 81.1525C554.547 81.7758 554.859 82.2008 555.085 82.4275H544.035C543.837 82.2292 543.554 81.8467 543.185 81.28C542.845 80.685 542.534 80.005 542.25 79.24C541.967 78.39 541.755 77.4833 541.613 76.52C541.471 75.5283 541.4 74.4375 541.4 73.2475L543.61 74.7775C542.76 76.5058 541.457 78.0217 539.7 79.325C537.972 80.6 535.904 81.5917 533.495 82.3C531.087 83.0083 528.466 83.3625 525.633 83.3625ZM528.353 74.565C530.676 74.565 532.83 74.1683 534.813 73.375C536.796 72.5817 538.397 71.3633 539.615 69.72C540.834 68.0483 541.443 65.9092 541.443 63.3025V57.2675L544.163 60.3275C542.35 61.0075 540.168 61.5742 537.618 62.0275C535.068 62.4525 532.49 62.7925 529.883 63.0475C526.54 63.3592 524.018 63.94 522.318 64.79C520.646 65.64 519.81 67.0283 519.81 68.955C519.81 70.825 520.519 72.2275 521.935 73.1625C523.352 74.0975 525.491 74.565 528.353 74.565Z"
-        fill="black"
-      />
-      <path
-        d="M565.506 82.4275V37.2925H576.683V52.295L574.091 50.85C574.374 48.895 574.898 47.0533 575.663 45.325C576.428 43.5683 577.448 42.0383 578.723 40.735C579.998 39.4033 581.543 38.3692 583.356 37.6325C585.169 36.8958 587.238 36.5275 589.561 36.5275C591.403 36.5275 592.848 36.6692 593.896 36.9525C594.973 37.2075 595.638 37.42 595.893 37.59L593.853 47.8325C593.57 47.6342 592.989 47.3933 592.111 47.11C591.261 46.7983 590.113 46.6425 588.668 46.6425C586.373 46.6425 584.447 47.0392 582.888 47.8325C581.358 48.5975 580.14 49.6458 579.233 50.9775C578.327 52.2808 577.675 53.7258 577.278 55.3125C576.882 56.8708 576.683 58.4292 576.683 59.9875V82.4275H565.506Z"
-        fill="black"
-      />
-      <path
-        d="M608.425 101.808C607.093 101.808 605.903 101.737 604.855 101.595C603.807 101.482 603.155 101.368 602.9 101.255V92.5425C603.268 92.7125 603.892 92.84 604.77 92.925C605.677 93.0383 606.612 93.095 607.575 93.095C609.133 93.095 610.479 92.7833 611.612 92.16C612.774 91.5367 613.766 90.6725 614.587 89.5675C615.409 88.4908 616.061 87.23 616.542 85.785L617.52 82.9375L601.965 37.2925H613.652L624.32 74.9475H622.96L633.372 37.2925H644.847L629.037 85.19C627.932 88.505 626.587 91.4092 625 93.9025C623.442 96.3958 621.359 98.3367 618.752 99.725C616.146 101.113 612.703 101.808 608.425 101.808Z"
-        fill="black"
-      />
-      <path
-        d="M678.734 58.8759C676.498 58.8759 674.528 58.4144 672.825 57.4914C671.122 56.5684 669.79 55.3009 668.828 53.6889C667.879 52.0639 667.404 50.1919 667.404 48.0729C667.404 45.9669 667.879 44.1079 668.828 42.4959C669.79 40.8709 671.122 39.6099 672.825 38.7129C674.528 37.8029 676.498 37.3479 678.734 37.3479C680.97 37.3479 682.939 37.8029 684.642 38.7129C686.345 39.6099 687.671 40.8709 688.62 42.4959C689.582 44.1079 690.063 45.9669 690.063 48.0729C690.063 50.1919 689.582 52.0639 688.62 53.6889C687.671 55.3009 686.345 56.5684 684.642 57.4914C682.939 58.4144 680.97 58.8759 678.734 58.8759ZM678.734 54.0789C679.787 54.0789 680.703 53.8319 681.483 53.3379C682.263 52.8439 682.868 52.1484 683.297 51.2514C683.726 50.3414 683.94 49.2819 683.94 48.0729C683.94 46.8639 683.726 45.8174 683.297 44.9334C682.868 44.0364 682.263 43.3474 681.483 42.8664C680.703 42.3854 679.787 42.1449 678.734 42.1449C677.694 42.1449 676.777 42.3854 675.984 42.8664C675.204 43.3474 674.6 44.0364 674.171 44.9334C673.742 45.8174 673.527 46.8639 673.527 48.0729C673.527 49.2819 673.742 50.3414 674.171 51.2514C674.6 52.1484 675.204 52.8439 675.984 53.3379C676.777 53.8319 677.694 54.0789 678.734 54.0789Z"
-        fill="black"
-      />
-      <path
-        d="M695.009 58.4274V37.7184H701.074V44.8554L699.826 44.0754C699.969 43.1004 700.229 42.2034 700.606 41.3844C700.983 40.5654 701.47 39.8569 702.068 39.2589C702.666 38.6479 703.375 38.1734 704.194 37.8354C705.026 37.4974 705.975 37.3284 707.041 37.3284C707.873 37.3284 708.523 37.3934 708.991 37.5234C709.472 37.6404 709.771 37.7314 709.888 37.7964L708.893 43.2174C708.776 43.1524 708.516 43.0484 708.113 42.9054C707.71 42.7624 707.19 42.6909 706.553 42.6909C705.513 42.6909 704.642 42.8664 703.94 43.2174C703.238 43.5684 702.673 44.0364 702.244 44.6214C701.828 45.1934 701.529 45.8304 701.347 46.5324C701.165 47.2344 701.074 47.9429 701.074 48.6579V58.4274H695.009Z"
-        fill="black"
-      />
-      <path
-        d="M728.183 55.9704C729.457 56.1004 730.568 56.3474 731.517 56.7114C732.479 57.0624 733.227 57.5889 733.76 58.2909C734.293 58.9799 734.559 59.9029 734.559 61.0599C734.559 62.3989 734.117 63.5364 733.233 64.4724C732.362 65.4214 731.082 66.1429 729.392 66.6369C727.702 67.1309 725.654 67.3779 723.249 67.3779C719.7 67.3779 716.951 66.8644 715.001 65.8374C713.064 64.8234 712.095 63.4649 712.095 61.7619C712.095 61.2809 712.147 60.8454 712.251 60.4554C712.368 60.0784 712.511 59.7534 712.68 59.4804L718.179 60.2799C718.114 60.3709 718.043 60.5074 717.965 60.6894C717.9 60.8844 717.867 61.1249 717.867 61.4109C717.867 62.0999 718.381 62.6134 719.408 62.9514C720.448 63.2894 721.787 63.4584 723.425 63.4584C724.582 63.4584 725.57 63.3739 726.389 63.2049C727.221 63.0489 727.851 62.8149 728.28 62.5029C728.722 62.1909 728.943 61.8334 728.943 61.4304C728.943 60.8454 728.657 60.4619 728.085 60.2799C727.526 60.0979 726.876 59.9679 726.135 59.8899L718.296 59.0904C716.853 58.9474 715.657 58.5314 714.708 57.8424C713.759 57.1534 713.285 56.2239 713.285 55.0539C713.285 54.3259 713.486 53.6629 713.889 53.0649C714.292 52.4539 714.754 51.9534 715.274 51.5634C715.794 51.1604 716.229 50.9069 716.58 50.8029L719.661 52.3629C719.414 52.4019 719.122 52.5579 718.784 52.8309C718.459 53.1039 718.296 53.4224 718.296 53.7864C718.296 54.1504 718.478 54.4624 718.842 54.7224C719.219 54.9824 719.902 55.1579 720.89 55.2489L728.183 55.9704ZM730.23 37.7184H735.554L733.389 45.6744C732.986 47.1824 732.388 48.5279 731.595 49.7109C730.802 50.8809 729.743 51.8039 728.417 52.4799C727.104 53.1559 725.446 53.4939 723.444 53.4939C721.338 53.4939 719.512 53.1689 717.965 52.5189C716.431 51.8689 715.248 50.9524 714.416 49.7694C713.584 48.5734 713.168 47.1629 713.168 45.5379C713.168 43.9129 713.59 42.4829 714.435 41.2479C715.293 40.0129 716.457 39.0509 717.926 38.3619C719.408 37.6729 721.085 37.3284 722.957 37.3284C724.374 37.3284 725.667 37.5624 726.837 38.0304C728.02 38.4854 728.969 39.0899 729.684 39.8439C730.412 40.5979 730.789 41.4299 730.815 42.3399L729.704 42.6324L730.23 37.7184ZM723.405 49.0674C724.263 49.0674 725.017 48.9309 725.667 48.6579C726.317 48.3719 726.824 47.9624 727.188 47.4294C727.552 46.8834 727.734 46.2269 727.734 45.4599C727.734 44.7059 727.552 44.0624 727.188 43.5294C726.824 42.9964 726.317 42.5869 725.667 42.3009C725.017 42.0149 724.263 41.8719 723.405 41.8719C722.586 41.8719 721.845 42.0214 721.182 42.3204C720.532 42.6064 720.019 43.0224 719.642 43.5684C719.265 44.1014 719.076 44.7514 719.076 45.5184C719.076 46.2724 719.258 46.9159 719.622 47.4489C719.986 47.9689 720.493 48.3719 721.143 48.6579C721.793 48.9309 722.547 49.0674 723.405 49.0674Z"
-        fill="black"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M732 84.4272H666V76.4272H732V84.4272Z"
-        fill="black"
-      />
     </svg>
   )
 }
diff --git a/src/components/Newsletter.tsx b/src/components/Newsletter.tsx
index f02f47e..595a184 100644
--- a/src/components/Newsletter.tsx
+++ b/src/components/Newsletter.tsx
@@ -20,13 +20,13 @@ export function Newsletter() {
   return (
     <section id="newsletter" aria-label="Newsletter">
       <Container>
-        <div className="relative -mx-4 overflow-hidden bg-teal-50 px-4 py-20 sm:-mx-6 sm:px-6 md:mx-0 md:rounded-5xl md:px-16 xl:px-24 xl:py-36">
+        <div className="bg-primary-50 relative -mx-4 overflow-hidden px-4 py-20 sm:-mx-6 sm:px-6 md:mx-0 md:rounded-5xl md:px-16 xl:px-24 xl:py-36">
           <div className="relative mx-auto grid max-w-2xl grid-cols-1 gap-x-32 gap-y-14 xl:max-w-none xl:grid-cols-2">
             <div>
-              <p className="font-display text-4xl font-bold tracking-tighter text-teal-900 sm:text-5xl">
+              <p className="text-primary-900 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
                 Apply for a grant
               </p>
-              <p className="mt-4 text-lg tracking-tight text-teal-900">
+              <p className="text-primary-900 mt-4 text-lg tracking-tight">
                 We’re looking for projects that are making a positive impact on
                 the world. If that sounds like you, please apply and we’ll be in
                 touch if it’s a good fit.
@@ -38,27 +38,27 @@ export function Newsletter() {
               className="space-y-5"
             >
               <label className="block space-y-2">
-                <div className="font-bold text-teal-700">Name</div>
+                <div className="text-primary-700 font-bold">Name</div>
                 <input
                   name="name"
                   autoComplete="name"
                   type="text"
-                  className="w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2 focus:ring-teal-500"
+                  className="focus:ring-primary-500 w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2"
                   placeholder="What's your full name?"
                 />
               </label>
               <label className="block space-y-2">
-                <div className="font-bold text-teal-700">Email</div>
+                <div className="text-primary-700 font-bold">Email</div>
                 <input
                   name="email"
                   autoComplete="email"
                   type="email"
-                  className="w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2 focus:ring-teal-500"
+                  className="focus:ring-primary-500 w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2"
                   placeholder="What's your work or school email?"
                 />
               </label>
               <fieldset className="space-y-2">
-                <legend className="font-bold text-teal-700">Topic</legend>
+                <legend className="text-primary-700 font-bold">Topic</legend>
                 <label className="flex items-center space-x-2">
                   <input
                     name="topic"
@@ -82,11 +82,11 @@ export function Newsletter() {
                 </label>
               </fieldset>
               <label className="block space-y-2">
-                <div className="font-bold text-teal-700">Message</div>
+                <div className="text-primary-700 font-bold">Message</div>
                 <textarea
                   name="message"
                   rows={5}
-                  className="w-full resize-y rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2 focus:ring-teal-500"
+                  className="focus:ring-primary-500 w-full resize-y rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2"
                   placeholder="What are you working on?"
                 />
               </label>
diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
index 1a062f4..e23a197 100644
--- a/src/components/Projects.tsx
+++ b/src/components/Projects.tsx
@@ -64,10 +64,10 @@ const projects: Array<Day> = [
 function DaySummary({ day }: { day: Day }) {
   return (
     <>
-      <h3 className="text-2xl font-semibold leading-tight tracking-tight text-teal-900">
+      <h3 className="text-primary-900 text-2xl font-semibold leading-tight tracking-tight">
         {day.title}
       </h3>
-      <p className="mt-1.5 text-base tracking-tight text-teal-900">
+      <p className="text-primary-900 mt-1.5 text-base tracking-tight">
         {day.summary}
       </p>
     </>
@@ -80,7 +80,7 @@ function ScheduleStatic() {
       {projects.map((day) => (
         <section
           key={day.title}
-          className="rounded-b-lg bg-white/60 shadow-xl shadow-teal-900/5 backdrop-blur"
+          className="shadow-primary-900/5 rounded-b-lg bg-white/60 shadow-xl backdrop-blur"
         >
           <img
             alt=""
@@ -107,11 +107,11 @@ export function Projects() {
     <section id="projects" aria-label="Schedule" className="py-20 sm:py-32">
       <Container className="relative z-10">
         <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
-          <blockquote className="font-display text-4xl font-bold tracking-tighter text-teal-600 sm:text-5xl">
+          <blockquote className="text-primary-600 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
             &ldquo;Through the lens of technology, we see not just challenges,
             but opportunities to make a lasting difference.&rdquo;
           </blockquote>
-          <p className="mt-4 font-display text-2xl tracking-tight text-teal-900">
+          <p className="text-primary-900 mt-4 font-display text-2xl tracking-tight">
             At Chowdhary.org, every innovation is a step towards a future where
             technology serves humanity in its noblest form.
           </p>
diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
index e502856..f203897 100644
--- a/src/components/Schedule.tsx
+++ b/src/components/Schedule.tsx
@@ -9,17 +9,17 @@ export function Schedule() {
       <section id="foundation" className="py-20 sm:py-32">
         <Container className="relative z-10">
           <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
-            <h2 className="font-display text-4xl font-bold tracking-tighter text-teal-600 sm:text-5xl">
+            <h2 className="text-primary-600 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
               Foundation
             </h2>
-            <p className="mt-4 font-display text-2xl tracking-tight text-teal-900">
+            <p className="text-primary-900 mt-4 font-display text-2xl tracking-tight">
               At the heart of Chowdhary.org&rsquo;s Foundation lies a resolute
               commitment to leveraging technology for the greater good. Our
               Foundation is the cornerstone of our mission, where we focus on
               nurturing and supporting a wide array of initiatives that make a
               tangible difference.
             </p>
-            <p className="mt-4 font-display text-lg tracking-tight text-teal-900">
+            <p className="text-primary-900 mt-4 font-display text-lg tracking-tight">
               From empowering communities with digital education to funding
               research for sustainable tech solutions, our Foundation operates
               at the intersection of innovation and social responsibility. Here,
@@ -36,10 +36,10 @@ export function Schedule() {
       <section id="ventures" className="py-20 sm:py-32">
         <Container className="relative z-10 flex justify-end">
           <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
-            <h2 className="font-display text-4xl font-bold tracking-tighter text-teal-600 sm:text-5xl">
+            <h2 className="text-primary-600 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
               Ventures
             </h2>
-            <p className="mt-4 font-display text-2xl tracking-tight text-teal-900">
+            <p className="text-primary-900 mt-4 font-display text-2xl tracking-tight">
               In the Ventures arm of Chowdhary.org, we bring bold ideas to life.
               This dynamic platform is dedicated to identifying, investing in,
               and nurturing early-stage startups that are poised to
@@ -47,7 +47,7 @@ export function Schedule() {
               the power of entrepreneurial spirit combined with technological
               innovation to create impactful solutions.
             </p>
-            <p className="mt-4 font-display text-lg tracking-tight text-teal-900">
+            <p className="text-primary-900 mt-4 font-display text-lg tracking-tight">
               Ventures at Chowdhary.org isn&rsquo;t just about funding;
               it&rsquo;s about building partnerships that foster growth, drive
               change, and set new benchmarks in the tech world. Join us as we
diff --git a/src/components/Sponsors.tsx b/src/components/Sponsors.tsx
index ecf71ba..55e4c2a 100644
--- a/src/components/Sponsors.tsx
+++ b/src/components/Sponsors.tsx
@@ -73,14 +73,14 @@ export function Sponsors() {
   return (
     <section id="sponsors" aria-label="Sponsors" className="py-20 sm:py-32">
       <Container>
-        <h2 className="mx-auto max-w-2xl text-center font-display text-4xl font-bold tracking-tighter text-teal-900 sm:text-5xl">
+        <h2 className="text-primary-900 mx-auto max-w-2xl text-center font-display text-4xl font-bold tracking-tighter sm:text-5xl">
           Collaborating for impact.
         </h2>
-        <p className="mx-auto mt-4 max-w-2xl text-center text-lg tracking-tighter text-teal-700">
+        <p className="text-primary-700 mx-auto mt-4 max-w-2xl text-center text-lg tracking-tighter">
           Our partners in previous events, investments, and open source
           projects.
         </p>
-        <div className="mx-auto mt-20 flex max-w-5xl flex-wrap items-center justify-center gap-8 text-center font-bold text-teal-700">
+        <div className="text-primary-700 mx-auto mt-20 flex max-w-5xl flex-wrap items-center justify-center gap-8 text-center font-bold">
           {sponsors.map((sponsor) => (
             <div key={sponsor.name} className="space-y-4 text-sm">
               <Image
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 69a26b6..eb33b6f 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,5 +1,6 @@
 import headlessuiPlugin from '@headlessui/tailwindcss'
 import { type Config } from 'tailwindcss'
+import { teal } from 'tailwindcss/colors'
 
 export default {
   content: ['./src/**/*.{js,jsx,ts,tsx}'],
@@ -20,6 +21,7 @@ export default {
       '9xl': ['8rem', { lineHeight: '1' }],
     },
     extend: {
+      colors: { primary: teal },
       borderRadius: {
         '4xl': '2rem',
         '5xl': '2.5rem',