/* MessyNet — WCAG AA contrast pass for the two low-emphasis label tokens.

   --mn-day-mist and --mn-faint are the design system's decorative kicker
   colours: OUR PRODUCTS, HOW IT WORKS, STEP ONE, SITE, © 2026 MESSYNET.
   At the 9–11px they are used at, WCAG AA wants 4.5:1. Measured on every
   ground the site actually puts them on, the originals miss on all of them —
   including the dark ones, which is easy to assume are fine and are not:

                    --mn-day-mist #6D7A72   --mn-faint #5F7A76
     paper  #F5F2E9        4.01:1                4.14:1
     abyss  #07090B        4.44:1                4.30:1
     night  #0B0E18        4.29:1                4.16:1
     panel  #10161C        4.05:1                3.93:1
     card   #152420        3.58:1                3.47:1
     deep   #0E4D46        2.16:1                2.09:1

   So a single replacement value cannot work: the light grounds need the
   colour darker and the dark grounds need it lighter. Both pairs below are
   the smallest move that clears 4.5:1 on the worst ground in their group,
   holding the original hue. Side by side the labels read a shade more solid;
   nothing else changes.

   Custom properties inherit, so redefining them on a dark surface re-colours
   every label inside it. `.mn-dark` is applied by build.js to any element
   whose inline style sets one of the dark grounds. */

:root{
  --mn-day-mist:#65716A;  /* was #6D7A72 — 4.52:1 on paper */
  --mn-faint:#5A7470;     /* was #5F7A76 — 4.50:1 on paper */
}

.mn-dark,.mn-nav{
  --mn-day-mist:#A2B6AA;  /* 4.52:1 on deep teal, 9.31:1 on abyss */
  --mn-faint:#90B9B3;     /* 4.51:1 on deep teal, 9.28:1 on abyss */
}