css thingies

Author: PrashantUnity

assets/css/modern-dark-theme.css

@@ -289,11 +289,19 @@
 }
 
 [data-theme="dark"] body.home-page .home-hero__dot::after {
-  background-color: rgb(100 116 139) !important;
+  background-color: rgb(100 116 139 / 0.55) !important;
+}
+
+[data-theme="dark"] body.home-page .home-hero__dot:hover::after {
+  background-color: rgb(148 163 184 / 0.75) !important;
 }
 
 [data-theme="dark"] body.home-page .home-hero__dot--active::after {
-  background-color: rgb(226 232 240) !important;
+  background-color: rgb(248 250 252) !important;
+}
+
+[data-theme="dark"] body.home-page .home-hero__dot--active:hover::after {
+  background-color: rgb(248 250 252) !important;
 }
 
 /* —— Marquee fades —— */
@@ -881,7 +889,7 @@
 }
 
 [data-theme="dark"] body.home-page .site-footer__stat {
-  color: rgb(148 163 184);
+  color: rgb(203 213 225);
 }
 
 [data-theme="dark"] body.home-page .site-footer__cta {
@@ -918,8 +926,9 @@
 }
 
 @media (min-width: 768px) {
-  [data-theme="dark"] body.home-page .site-footer__summary {
-    color: rgb(100 116 139);
+  [data-theme="dark"] body.home-page .site-footer__summary,
+  [data-theme="dark"] body.home-page .site-footer__summary > span {
+    color: rgb(148 163 184) !important;
   }
 }
 

assets/css/modern-glass-theme.css

@@ -323,6 +323,10 @@
   color: #0f172a !important;
 }
 
+[data-theme="glass"] body .home-hero__dot--active::after {
+  background-color: #0b162c !important;
+}
+
 /* ── Search palette (above cookie banner at z-index 10000) ── */
 [data-theme="glass"] body .search-palette.is-visible,
 [data-theme="light"] body .search-palette.is-visible,
@@ -712,7 +716,7 @@
 [data-theme="glass"] body .site-footer__tagline,
 [data-theme="glass"] body .site-footer__copy,
 [data-theme="glass"] body .site-footer__stat {
-  color: #475569 !important;
+  color: #334155 !important;
 }
 
 [data-theme="glass"] body .site-footer__links a,

assets/css/modern-light-theme.css

@@ -205,7 +205,7 @@
 }
 
 [data-theme="light"] body .home-hero__dot--active::after {
-  background-color: #0f172a !important;
+  background-color: #0b162c !important;
 }
 
 /* ── FAQ: separate cards (not glass grouped panel) ── */
@@ -406,8 +406,9 @@
   color: #0f172a !important;
 }
 
-[data-theme="light"] body .site-footer__tagline {
-  color: #64748b !important;
+[data-theme="light"] body .site-footer__tagline,
+[data-theme="light"] body .site-footer__stat {
+  color: #334155 !important;
 }
 
 [data-theme="light"] body .site-footer__cta {

assets/css/tailwind-input.css

@@ -97,7 +97,9 @@
   }
 
   .home-hero__indicators {
-    @apply absolute bottom-8 left-1/2 z-10 flex -translate-x-1/2 items-center gap-2;
+    @apply absolute inset-x-0 bottom-0 z-10 flex items-end gap-1.5 px-6 pb-4 pt-10 pointer-events-none;
+    max-width: 12rem;
+    margin-inline: auto;
   }
 
   .home-hero__nav-btn--side {
@@ -113,24 +115,25 @@
   }
 
   .home-hero__dot {
-    @apply relative inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-full border-0 bg-transparent p-0 cursor-pointer transition-colors;
+    @apply relative flex flex-1 min-h-[44px] items-end border-0 bg-transparent p-0 cursor-pointer pointer-events-auto;
+    @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand/30 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent;
   }
 
   .home-hero__dot::after {
     content: '';
-    @apply block h-2 w-2 rounded-full bg-slate-400 transition-all duration-300;
+    @apply block h-0.5 w-full rounded-full bg-slate-400/45 transition-all duration-300 ease-out;
   }
 
   .home-hero__dot:hover::after {
-    @apply bg-slate-500;
+    @apply bg-slate-500/70;
   }
 
   .home-hero__dot--active::after {
-    @apply h-2 w-6 bg-slate-800;
+    @apply h-1 bg-brand;
   }
 
   .home-hero__dot--active:hover::after {
-    @apply bg-slate-800;
+    @apply bg-brand;
   }
 
   .home-hero__nav-btn {
@@ -1257,7 +1260,7 @@
   }
 
   .site-footer__stat {
-    @apply text-xs text-slate-600;
+    @apply text-xs text-slate-700;
   }
 
   .site-footer__nav {
@@ -1302,7 +1305,7 @@
     }
 
     .site-footer__summary {
-      @apply pointer-events-none cursor-default py-0 mb-4 text-xs font-semibold uppercase tracking-wider text-slate-500;
+      @apply pointer-events-none cursor-default py-0 mb-4 text-xs font-semibold uppercase tracking-wider text-slate-700;
     }
 
     .site-footer__summary .site-footer__chevron {
@@ -1354,6 +1357,6 @@
   }
 
   .site-footer__legal a {
-    @apply px-1 py-1 text-slate-500 no-underline transition-colors hover:text-slate-800;
+    @apply px-1 py-1 text-slate-600 no-underline transition-colors hover:text-slate-900;
   }
 }

static/css/accessibility.css

@@ -131,6 +131,21 @@ summary:focus:not(:focus-visible) {
   list-style: none;
 }
 
+.site-footer__summary > span {
+  color: inherit;
+}
+
+/* Section labels (Product / Company / Help) — must win over Tailwind md utilities */
+@media (min-width: 768px) {
+  .site-footer__summary > span {
+    color: #334155;
+  }
+
+  [data-theme="dark"] body .site-footer__summary > span {
+    color: #94a3b8 !important;
+  }
+}
+
 .site-footer__summary::-webkit-details-marker {
   display: none;
 }
@@ -168,7 +183,7 @@ body.home-page .text-slate-500 {
 
 /* WCAG 2.5.5: minimum 44×44px touch targets with spacing */
 .home-hero__indicators {
-  gap: 0.25rem;
+  gap: 0.375rem;
 }
 
 .nav-shell .site-footer__back-top,