Merge pull request #20718 from overleaf/td-bs5-update-foundations

Update BS5 Foundations Sass to match Figma

GitOrigin-RevId: 23712486ea497f4bfac643e47171baf076ca77af

services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss

@@ -99,8 +99,8 @@ $border-active: $blue-50;
 $border-danger: $red-50;
 $border-divider: $neutral-20;
 $link-web: $green-50;
-$link-web-hover: $green-70;
-$link-web-visited: $green-50;
+$link-web-hover: $green-60;
+$link-web-visited: $green-60;
 $link-ui: $blue-50;
 $link-ui-hover: $blue-60;
 $link-ui-visited: $blue-60;
@@ -218,8 +218,8 @@ $link-ui-visited-dark: $blue-40;
   --border-danger: var(--red-50);
   --border-divider: var(--neutral-20);
   --link-web: var(--green-50);
-  --link-web-hover: var(--green-70);
-  --link-web-visited: var(--green-50);
+  --link-web-hover: var(--green-60);
+  --link-web-visited: var(--green-60);
   --link-ui: var(--blue-50);
   --link-ui-hover: var(--blue-60);
   --link-ui-visited: var(--blue-60);

services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss

@@ -1,13 +1,13 @@
 // Cards
 @mixin shadow-sm {
-  box-shadow: 0 2px 8px rgb(30 37 48 / 8%);
+  box-shadow: 0 2px 4px 0 rgb(30 37 48 / 16%);
 }
 
 // Tooltips, Callouts, Dropdowns, etc.
 @mixin shadow-md {
   box-shadow:
-    0 4px 24px rgb(30 37 48 / 12%),
-    0 1px 4px rgb(30 37 48 / 8%);
+    0 4px 12px 0 rgb(30 37 48 / 12%),
+    0 2px 4px rgb(30 37 48 / 8%);
 }
 
 // Modals, drawers

services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss

@@ -1,4 +1,4 @@
-// This file provided both Sass and CSS variables for spacing
+// This file provides both Sass and CSS variables for spacing
 $spacing-00: 0;
 $spacing-01: 2px;
 $spacing-02: 4px;