/*
 * Micfong Colour System (MCS): seven families of eleven steps, the same entries as the app's `ui/mcs.rs`.
 * Step 500 is each family's key colour. henad.css picks steps by role, apart from pure white, pure black and the
 * strokes of its SVG data URIs.
 */
:root {
  --mcs-gray-50: #f5f5f5;
  --mcs-gray-100: #eeeeee;
  --mcs-gray-200: #e0e0e0;
  --mcs-gray-300: #bdbdbd;
  --mcs-gray-400: #9e9e9e;
  --mcs-gray-500: #808080;
  --mcs-gray-600: #757575;
  --mcs-gray-700: #616161;
  --mcs-gray-800: #424242;
  --mcs-gray-900: #212121;
  --mcs-gray-950: #131313;

  --mcs-red-50: #ffe3e3;
  --mcs-red-100: #fdd3d5;
  --mcs-red-200: #fab2b9;
  --mcs-red-300: #f4949d;
  --mcs-red-400: #f05e6c;
  --mcs-red-500: #e43748;
  --mcs-red-600: #b22d39;
  --mcs-red-700: #8c242e;
  --mcs-red-800: #5b191f;
  --mcs-red-900: #360e12;
  --mcs-red-950: #22080a;

  --mcs-orange-50: #ffe7da;
  --mcs-orange-100: #fcd6c0;
  --mcs-orange-200: #f9bc98;
  --mcs-orange-300: #f6a373;
  --mcs-orange-400: #f1884b;
  --mcs-orange-500: #ec6f27;
  --mcs-orange-600: #c75e1c;
  --mcs-orange-700: #a14a13;
  --mcs-orange-800: #632b08;
  --mcs-orange-900: #3a1904;
  --mcs-orange-950: #260f01;

  --mcs-yellow-50: #fff4d5;
  --mcs-yellow-100: #ffebb0;
  --mcs-yellow-200: #ffe38d;
  --mcs-yellow-300: #ffd65c;
  --mcs-yellow-400: #ffcc34;
  --mcs-yellow-500: #ffc107;
  --mcs-yellow-600: #cc960e;
  --mcs-yellow-700: #97700d;
  --mcs-yellow-800: #624309;
  --mcs-yellow-900: #352403;
  --mcs-yellow-950: #271a01;

  --mcs-green-50: #dbf7dc;
  --mcs-green-100: #c1ecc2;
  --mcs-green-200: #96e29e;
  --mcs-green-300: #6edb86;
  --mcs-green-400: #2ebf57;
  --mcs-green-500: #14ae52;
  --mcs-green-600: #0d883e;
  --mcs-green-700: #08682f;
  --mcs-green-800: #054920;
  --mcs-green-900: #033015;
  --mcs-green-950: #01240f;

  --mcs-blue-50: #d9ecff;
  --mcs-blue-100: #bedfff;
  --mcs-blue-200: #8fc7ff;
  --mcs-blue-300: #54a9fd;
  --mcs-blue-400: #3296fb;
  --mcs-blue-500: #007af5;
  --mcs-blue-600: #0161c1;
  --mcs-blue-700: #024ba0;
  --mcs-blue-800: #003471;
  --mcs-blue-900: #01244d;
  --mcs-blue-950: #001637;

  --mcs-purple-50: #ece1ff;
  --mcs-purple-100: #decbff;
  --mcs-purple-200: #c29eff;
  --mcs-purple-300: #ae7eff;
  --mcs-purple-400: #a06cff;
  --mcs-purple-500: #9154ff;
  --mcs-purple-600: #6736c0;
  --mcs-purple-700: #562da4;
  --mcs-purple-800: #391d70;
  --mcs-purple-900: #291353;
  --mcs-purple-950: #160633;
}