diff --git a/src/css/custom.css b/src/css/custom.css
index 43473d98..b274c998 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -13,8 +13,10 @@
   --ifm-color-primary-light: #8e5de4; /* Slightly lighter than primary */
   --ifm-color-primary-lighter: #9a6de7; /* Lighter than primary */
   --ifm-color-primary-lightest: #a87deb; /* Lightest tint */
-  --ifm-code-font-size: 95%; /* Adjusted code font size */
+  --ifm-code-font-size: 85%; /* Adjusted code font size */
+  --ifm-font-size-base: 110%; /* Adjusted font size */
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); /* Highlighted code line background in light mode */
+  --ifm-color-primary-lightest: #a87deb; /* Lightest tint */
   
   /* Shared variables for consistency with homepage */
   --primary-color: var(--ifm-color-primary);
@@ -47,3 +49,78 @@
   --feature-icon-bg: var(--ifm-color-emphasis-100, #1d2535);
   --light-text: var(--ifm-color-secondary-lightest, #a0a6b1);
 }
+
+/* Custom CSS */
+
+/* Reduce navbar text size */
+.navbar__item {
+  font-size: 0.9rem; /* Reduced font size for navbar items */
+}
+
+/* Reduce navbar brand/title text size */
+.navbar__title {
+  font-size: .9rem; /* Reduced font size for the navbar title */
+}
+
+p {
+  font-weight: 350;
+}
+
+/* Bold hyperlinks */
+a {
+  font-weight: 550;
+}
+
+/* Don't bold links in table of contents or github edit button */
+.table-of-contents a,
+.theme-edit-this-page {
+  font-weight: normal;
+}
+
+/* Adjust bold weight */
+p strong, 
+p b,
+li b,
+li strong {
+  font-weight: 550;
+}
+
+.markdown h1 {
+  font-size: 185%;
+  font-weight: 700;
+  line-height: 1;
+  margin-bottom: .9rem !important;
+}
+
+.markdown h2 {
+  font-size: 140%;
+  font-weight: 620;
+  line-height: 1.2;
+  margin-bottom: .9rem !important;
+  margin-top: 2.5rem !important;
+}
+
+.markdown h3 {
+  font-size: 120%;
+  font-weight: 600;
+  line-height: 1;
+  margin-top: 2.5rem !important;
+  margin-bottom: .9rem !important;
+}
+
+.markdown h4 {
+  font-size: 120%;
+  font-weight: 600;
+  line-height: 1;
+}
+
+/* Reduce sidebar text size */
+.menu__link {
+  font-size: 85%; /* Reduced text size in sidebar */
+  font-weight: 350;
+}
+
+/* Adjust light mode sidebar text color */
+html[data-theme='light'] .menu__link {
+  color: #000000de;
+}