style nits

Author: madebyankur

auth4genai/style.css

@@ -184,11 +184,11 @@ span.fixed.inset-0.pointer-events-none {
 
 span[data-as="p"] {
   font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: -0.06px;
+  line-height: 1.625;
   font-weight: 400;
   color: var(--text);
   margin-bottom: 1rem;
+  opacity: 0.8;
 }
 
 #content-area div.mdx-content .prose > span[data-as="p"],
@@ -206,7 +206,7 @@ li {
 
 #header div p {
   color: var(--text-tertiary);
-  line-height: 1.5rem;
+  line-height: 1.625rem;
 }
 
 /* ==========================================================================
@@ -438,6 +438,20 @@ div[data-component-part="frame-caption"] {
   color: var(--);
 }
 
+/* ==========================================================================
+   Nav Tab Component
+   ========================================================================== */
+
+.nav-tabs-item {
+  font-size: 0.875rem;
+  font-weight: 600;
+  text-shadow: none;
+}
+
+/* ==========================================================================
+   Tab Component
+   ========================================================================== */
+
 [data-component-part="tab-content"] {
   overflow-x: unset;
 }
@@ -572,28 +586,28 @@ a.card[href^="http"]::after {
 }
 
 .sidebar-title {
-  font-size: 0.825rem;
+  font-size: 0.875rem;
   font-weight: 500;
 }
 
 .sidebar-group-header {
-  font-size: 0.825rem;
+  font-size: 0.875rem;
   letter-spacing: 0;
   font-weight: 500;
   color: var(--text-tertiary);
 }
 
 #sidebar-group > li > a {
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: 8px;
+  padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   border-radius: 12px;
   margin: 0;
   font-size: 0.95rem;
   line-height: 1.3;
   font-weight: 500;
-  letter-spacing: -0.1px;
+  letter-spacing: -0.12px;
   color: var(--text-secondary);
   transition: all 0.15s ease-out;
   text-shadow: none;
@@ -616,7 +630,7 @@ a.card[href^="http"]::after {
   font-size: 0.95rem;
   line-height: 1.4;
   font-weight: 500;
-  letter-spacing: -0.2px;
+  letter-spacing: -0.12px;
   color: var(--text-secondary);
   transition: all 0.15s ease-out;
   text-shadow: none;
@@ -654,7 +668,7 @@ a.card[href^="http"]::after {
   font-size: 0.9rem;
   line-height: 1.4;
   font-weight: 500;
-  letter-spacing: -0.1px;
+  letter-spacing: -0.12px;
   color: var(--text-secondary);
   transition: all 0.15s ease-out;
   text-shadow: none;

main/docs/css/styles.css

@@ -91,6 +91,7 @@ span[data-as="p"] {
   font-weight: 400;
   color: var(--text);
   margin-bottom: 1rem;
+  opacity: 0.8;
 }
 
 #content-area div.mdx-content .prose > span[data-as="p"],