/* Minerva Humanoids colour tokens.
   Every fixed colour written in the pages' CSS (<style> elements and style
   attributes) and in the shared stylesheets is defined here once and used by
   name, as var(--mh-...). Colours that JavaScript sets are not tokens yet,
   for example the CSS that the deployment scenes and the logo section write
   while the page runs, and the canvas and 3D colours.
   website/design-tokens.json lists the same tokens, with where each one is
   used, for people and design tools. The values are the colours the site
   used when the tokens were added (2026-10-20); changing a value here
   changes the site.

   These colours are fixed. The dashboard's theme colours are the --theme-*
   variables and stay separate: no token follows a dashboard theme, and
   var(--theme-x, var(--mh-y)) shows the token only when no theme is on.
   cms/tests/design-tokens.test.mjs checks that this file and the JSON agree
   and that the pages and stylesheets write no colour value directly. */
:root {
  /* Brand colours. */
  --mh-black: #000;
  --mh-white: #fff;
  --mh-off-white: #f3f2f2;
  --mh-off-white-shade: #eae9e9;
  --mh-ink: #201e1d;
  --mh-red: #ec3013;
  --mh-coral: #e15b47;

  /* Design-system ramps, behind --color-accent-*, --color-accent-2-* and --color-neutral-*. */
  --mh-red-100: #fff2ef;
  --mh-red-200: #ffe0d9;
  --mh-red-300: #ffc4b8;
  --mh-red-400: #ff9783;
  --mh-red-500: #ff563c;
  --mh-red-600: #dd2b0f;
  --mh-red-700: #ae1800;
  --mh-red-800: #7c1405;
  --mh-red-900: #4d170e;
  --mh-coral-100: var(--mh-red-100);
  --mh-coral-200: #ffe0da;
  --mh-coral-300: #ffc4b9;
  --mh-coral-400: #ff9784;
  --mh-coral-500: #ef6853;
  --mh-coral-600: #c94b39;
  --mh-coral-700: #9e3526;
  --mh-coral-800: #71261b;
  --mh-coral-900: #471d16;
  --mh-neutral-100: #f8f4f4;
  --mh-neutral-200: #eae7e7;
  --mh-neutral-300: #d7d3d3;
  --mh-neutral-400: #bab6b6;
  --mh-neutral-500: #9b9797;
  --mh-neutral-600: #7d7979;
  --mh-neutral-700: #605d5d;
  --mh-neutral-800: #444141;
  --mh-neutral-900: #2d2b2b;

  /* Neutral greys. The number is how dark the grey is, from 000 (white) to 1000 (black): #333 is gray-800. */
  --mh-gray-039: #f5f5f5;
  --mh-gray-047: #f3f3f3;
  --mh-gray-055: #f1f1f1;
  --mh-gray-067: #eee;
  --mh-gray-090: #e8e8e8;
  --mh-gray-114: #e2e2e2;
  --mh-gray-129: #dedede;
  --mh-gray-133: #ddd;
  --mh-gray-157: #d7d7d7;
  --mh-gray-216: #c8c8c8;
  --mh-gray-267: #bbb;
  --mh-gray-282: #b7b7b7;
  --mh-gray-333: #aaa;
  --mh-gray-349: #a6a6a6;
  --mh-gray-357: #a4a4a4;
  --mh-gray-400: #999;
  --mh-gray-424: #939393;
  --mh-gray-447: #8d8d8d;
  --mh-gray-451: #8c8c8c;
  --mh-gray-467: #888;
  --mh-gray-533: #777;
  --mh-gray-545: #747474;
  --mh-gray-549: #737373;
  --mh-gray-596: #676767;
  --mh-gray-600: #666;
  --mh-gray-667: #555;
  --mh-gray-733: #444;
  --mh-gray-769: #3b3b3b;
  --mh-gray-773: #3a3a3a;
  --mh-gray-780: #383838;
  --mh-gray-784: #373737;
  --mh-gray-792: #353535;
  --mh-gray-800: #333;
  --mh-gray-812: #303030;
  --mh-gray-839: #292929;
  --mh-gray-847: #272727;
  --mh-gray-855: #252525;
  --mh-gray-859: #242424;
  --mh-gray-875: #202020;
  --mh-gray-902: #191919;
  --mh-gray-906: #181818;
  --mh-gray-910: #171717;
  --mh-gray-914: #161616;
  --mh-gray-918: #151515;
  --mh-gray-933: #111;
  --mh-gray-937: #101010;
  --mh-gray-969: #080808;

  /* Blue-greys, on the same scale. A b after the number is a second blue-grey at the same lightness. */
  --mh-slate-082: #e7eded;
  --mh-slate-096: #e5e8e8;
  --mh-slate-112: #e0e3e5;
  --mh-slate-127: #dae1e3;
  --mh-slate-133: #d9dfe1;
  --mh-slate-149: #d5dadd;
  --mh-slate-212: #c6cccc;
  --mh-slate-216: #c4c9cc;
  --mh-slate-224: #c1c9cb;
  --mh-slate-231: #bcc9cc;
  --mh-slate-237: #bdc5c8;
  --mh-slate-245: #bdc3c4;
  --mh-slate-247: #bcc1c4;
  --mh-slate-249: #bac1c5;
  --mh-slate-296: #adb5ba;
  --mh-slate-296b: #aeb5b9;
  --mh-slate-327: #a9acae;
  --mh-slate-343: #a2abad;
  --mh-slate-345: #a0aaae;
  --mh-slate-347: #a0abad;
  --mh-slate-373: #9aa3a6;
  --mh-slate-392: #979e9f;
  --mh-slate-398: #929da1;
  --mh-slate-402: #929f9c;
  --mh-slate-408: #909b9e;
  --mh-slate-414: #929899;
  --mh-slate-422: #8c979b;
  --mh-slate-429: #8a9699;
  --mh-slate-431: #8b9497;
  --mh-slate-433: #8a9397;
  --mh-slate-455: #809096;
  --mh-slate-455b: #868e90;
  --mh-slate-484: #7c878b;
  --mh-slate-490: #79868b;
  --mh-slate-498: #7b8085;
  --mh-slate-535: #73777a;
  --mh-slate-569: #687374;
  --mh-slate-588: #676b6a;
  --mh-slate-610: #5c676b;
  --mh-slate-655: #53595d;
  --mh-slate-661: #51585c;
  --mh-slate-720: #42494d;
  --mh-slate-724: #42474b;
  --mh-slate-733: #414747;
  --mh-slate-745: #3c4346;
  --mh-slate-747: #3d4344;
  --mh-slate-776: #343b3e;
  --mh-slate-796: #303638;
  --mh-slate-802: #303535;
  --mh-slate-822: #292f32;
  --mh-slate-841: #242a2d;
  --mh-slate-892: #191c1e;
  --mh-slate-924: #101517;
  --mh-slate-929: #101214;

  /* Transparent colours. -aNN is the colour at NN% opacity. */
  --mh-black-a0: rgba(0,0,0,0);
  --mh-black-a12: rgba(0,0,0,.12);
  --mh-black-a33: #0005;
  --mh-black-a47: #0007;
  --mh-black-a53: #0008;
  --mh-black-a65: rgb(0 0 0 / .65);
  --mh-black-a72: rgba(0,0,0,0.72);
  --mh-black-a80: rgb(0 0 0 / 80%);
  --mh-gray-090-a16: rgb(232 232 232 / .16);
  --mh-gray-863-a12: rgb(35 35 35 / .12);
  --mh-hud-contact-pad-a33: #e95b4155;
  --mh-hud-link-a27: #70cfaa44;
  --mh-slate-947-a94: rgba(12,14,15,.94);
  --mh-slate-963-a80: #080a0bcc;
  --mh-white-a17: rgba(255,255,255,.17);

  /* Robot paint options: the swatches of the Oil & Gas and Public Safety
     colour pickers. A click paints the 3D robot the colour in the button's
     value attribute, not the token, so change a token and its two buttons
     together (the tests check). These may repeat a brand colour: they are the
     robot's paint, not the palette, and do not follow it. */
  --mh-robot-silver: #d3d3d3;
  --mh-robot-white: #ffffff;
  --mh-robot-orange: #ec3013;
  --mh-robot-blue: #69b7dc;
  --mh-robot-green: #82bd9a;
  --mh-robot-gold: #d9ae69;

  /* Colours with one job, named after it. */
  --mh-focus-red: #df493b;
  --mh-hud-activity-right: #e45942;
  --mh-hud-contact-on: #ec674f;
  --mh-hud-contact-pad: #e95b41;
  --mh-hud-link: #70cfaa;
  --mh-hud-pressure: #f47852;
  --mh-hud-response: #e96950;
  --mh-hud-trace: #d65943;
  --mh-teleop-preset-border: #a43b26;
  --mh-teleop-preset-fill: #2c1915;
}