🐞 fix: Remove Chrome tint implementation

styles/base/global.css

@@ -70,51 +70,3 @@ main#maincontent {
 /* Responsive embeds */
 .embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
 .embed iframe, .embed object, .embed embed, .embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
-
-/*
- * Chrome tint elements.
- *
- * iOS 26+ Safari samples the background-color of position: fixed
- * elements within 4px of the top or 3px of the bottom of the viewport
- * to tint the browser chrome (status bar / home indicator). The
- * elements below are placed inside those sampling windows and their
- * backgroundColor is updated at runtime by
- * static/js/modules/ChromeTint.js.
- *
- * opacity: 0 makes the elements fully transparent to the user (so
- * they don't appear as dark bars over the page content) while the
- * backgroundColor is still readable by iOS Safari's sampler.
- *
- * The elements are kept as small as possible (12px tall) so they
- * stay well within the iOS safe-area insets. They have no background
- * by default — they only get a backgroundColor when the matching
- * element (header / footer) is in view. pointer-events: none ensures
- * they never intercept clicks.
- *
- * (iOS 26 ignores <meta name="theme-color">; this technique is
- *  what replaced it.)
- */
-.chrome-tint {
-    opacity: 0;
-    pointer-events: none;
-    position: fixed;
-    z-index: 9999;
-}
-
-.chrome-tint--top {
-    left: 0;
-    min-height: 12px;
-    top: 4px;
-    /* 4px from top + 12px tall = within the 4px-to-12px iOS 26
-       sampling window for top status bar tinting. */
-    width: 90%;
-    /* width: 90% > 80% iOS minimum for being sampled. */
-}
-
-.chrome-tint--bottom {
-    bottom: 3px;
-    /* 3px from bottom = within the 3px iOS sampling window. */
-    left: 0;
-    min-height: 12px;
-    width: 90%;
-}