/* Metic State tokens. The canonical copy.

   Shared, byte for byte, by meticstate, metic-dashboard and npux. The copy
   in each of those repos is a copy: change this one, then run
   tools/estate-check.py, which fetches each property's copy and reports any
   that has drifted.

   It catches drift rather than preventing it. That is the same bargain
   estate-check already makes everywhere else, and it beats the alternatives:
   a cross-origin link would make the dashboard's styling depend on the apex
   being up, on a surface whose own netlify.toml says it should never leak a
   referrer, and a build step would have to be added to three repos that do
   not have one.

   Only what all three genuinely share lives here. Each property keeps its
   own semantic layer on top, and those stay separate on purpose:

     npux        heat signals (amber, hot) and lane colours (npu, gpu, cpu)
     dashboard   status colours (warn, bad)

   NPUX's amber is a thermal reading with a rule attached, never decoration
   and never a button. The dashboard's warn is a generic status colour. They
   look alike and they are not the same thing, so merging them would be the
   mistake, not the fix.

   This file was written after finding three pairs that had already drifted:

     dashboard --warn #e0a33e   against  npux --amber #d9923a
     dashboard --bad  #d9584a   against  npux --hot   #d9553a
     apex/dash --edge #3a4649   against  npux --line  #3a4648

   The first two are different things that need different names. The third
   is one colour with two names and two values, one digit apart, which is
   what retyping a hex from memory looks like. #3a4649 wins it, being the
   value two of the three properties already carry. NPUX aliases --line to
   var(--edge).

   --dim was #96a3a0 and is now #b4c0bd, decided 13 November. NPUX's
   accessibility pass raised it first and the estate followed. Secondary
   text goes from 5.53:1 to 7.71:1 against the ground, AA to AAA. It is
   used for every strap line, sub and footer on the apex, so it is the one
   token here that visibly changes a page.

   Not every surface reads this file yet. The client paperwork pages under
   /s/, /h/, /brief/thanks/ and the done pages each carry their own :root
   and were changed by hand to match. They should link tokens.css instead.
*/

:root{
  /* ground and panels */
  --bg:#232b2d;
  --bg-deep:#1b2224;
  --panel:#283133;
  --edge:#3a4649;
  --trace:#4a585e;

  /* text */
  --ink:#edf2f0;
  --dim:#b4c0bd;

  /* brand */
  --green:#1a8021;
  --green-hi:#2ebd3a;

  /* motion */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);

  /* the glass recipe, used by the apex surface and by the app */
  --glass:linear-gradient(168deg,rgba(237,242,240,.062),rgba(237,242,240,.016));
  --glass-br:1px solid rgba(237,242,240,.085);
  --glass-sh:inset 0 1px 0 rgba(237,242,240,.10), 0 14px 34px rgba(0,0,0,.42);
}