🐞 fix: Update footer color for chrome tinting and adjust related tests for iOS compatibility

static/js/modules/ChromeTint.js

@@ -28,8 +28,10 @@
  * Colors:
  *   - HEADER_COLOR (#032F46) is the darker end of the .site-header
  *     gradient.
- *   - FOOTER_COLOR (#102C45) is the sRGB equivalent of the
- *     --color-cwc-blue-02 token used by .site-footer.
+ *   - FOOTER_COLOR (#F26B53) is the orange of the .site-footer
+ *     `border-bottom` (the secondary color token, --color-cwc-orange-01).
+ *     The home indicator area tints to this so the chrome matches
+ *     the last visible color when the footer is in view.
  *
  * "In view" = any pixel of the element overlaps the viewport.
  *
@@ -38,7 +40,7 @@
  */
 
 const HEADER_COLOR = '#032F46';
-const FOOTER_COLOR = '#102C45';
+const FOOTER_COLOR = '#F26B53';
 const THEME_META_NAME = 'theme-color';
 
 function ensureThemeColorMeta() {