/* Design tokens, extracted from the storefront's :root so the console and the shop
   cannot drift apart. Values are copied verbatim — if the storefront changes one,
   change it here and re-copy, do not "improve" it in passing.

   The console adds a small number of tokens of its own at the bottom. It is a dense
   operational tool used for hours, not a marketing surface, so it runs a tighter
   vertical rhythm than the storefront: ~40px table rows and 13–14px body rather
   than the shop's generous spacing. */
:root{
  /* surfaces */
  --bg:#ffffff; --bg2:#f7faf9; --panel:#ffffff; --panel2:#f4f8f7;
  --line:#e3eae7; --line-soft:#eef3f1;
  /* brand — emerald is an accent, never a glow */
  --em:#0dbd81; --em-d:#0a7d55; --em-pale:#eff8f4; --em-glow:rgba(13,189,129,.14);
  /* ink */
  --ink:#06120e; --txt:#0c1a15; --muted:#5b7168; --muted2:#93a8a0; --silver:#3a4f47;
  /* radii — three steps and a pill, nothing else */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;
  /* elevation — neutral, never coloured */
  --shadow:0 1px 2px rgba(6,18,14,.04), 0 4px 14px rgba(6,18,14,.045);
  --shadow-md:0 2px 6px rgba(6,18,14,.05), 0 14px 36px rgba(6,18,14,.075);
  /* Referenced by the console's dialogs since they were written; it was never defined
     here, so every modal has been silently rendering with no shadow at all. */
  --shadow-lg:0 30px 80px rgba(6,18,14,.16);
  --focus:0 0 0 3px rgba(13,189,129,.34);
  --ease:cubic-bezier(.22,.61,.36,1);

  /* console-only. Amber warns, red is destructive or out-of-stock. Neither is ever
     used for neutral chrome, and emerald is never used for warning or error. */
  --warn:#b3730a; --warn-bg:#fdf6e9; --warn-line:#f0dcb4;
  --bad:#b3261e;  --bad-bg:#fdf0ef;  --bad-line:#f0c9c6;
  --row-h:40px;
}