/* Shared by index.html and docs.html. The PLAZM pool is deep-space blue; the ESHARE pool switches to deep purple.
   Everything colored reads these variables, so a theme is just a different set of values. */
:root{
  --void:#0D0729;      /* page: deep space blue */
  --hull:#180F43;      /* panels */
  --hull-2:#22165C;    /* inputs */
  --rule:#32267A;      /* hairlines */
  --plasma:#5DF2FF;    /* energy: ratio, rewards, actions */
  --burn:#FF4FD8;
  --star:#EEEAFF;
  --dim:#A095D4;
  --good:#7CFFB2;
  --bad:#FF7A8A;
  --warn:#FFC857;
  /* the same colors as r,g,b triples (for rgba() glows, the star field, backdrops) */
  --void-rgb:13,7,41; --hull-rgb:24,15,67; --plasma-rgb:93,242,255; --burn-rgb:255,79,216; --star-rgb:238,234,255; --shade-rgb:8,4,26;
  /* the ship */
  --hull-hi:#E9E4FF; --hull-mid:#A89CE6; --hull-lo:#4E3F9E; --fin:#3A2C8C; --engine:#5A4AB4; --engine-dark:#2A1F70; --body-shadow:#241862;
  --display:"Michroma","Eurostile","Microgramma","Arial Black",sans-serif;
  --body:"Barlow","Segoe UI",system-ui,sans-serif;
  --cond:"Barlow Semi Condensed","Barlow","Arial Narrow",sans-serif;
  box-sizing:border-box;
}
/* ESHARE: dark purple, orchid accent */
:root[data-theme="eshare"]{
  --void:#14061F;
  --hull:#251037;
  --hull-2:#36184F;
  --rule:#4F2B80;
  --plasma:#C77DFF;
  --star:#F6EDFF;
  --dim:#BBA0DE;
  --void-rgb:20,6,31; --hull-rgb:37,16,55; --plasma-rgb:199,125,255; --star-rgb:246,237,255; --shade-rgb:12,3,20;
  --hull-hi:#F1E2FF; --hull-mid:#B590E0; --hull-lo:#5B2F98; --fin:#4B2481; --engine:#6C40B2; --engine-dark:#351662; --body-shadow:#321458;
}
/* smooth color change when the pool is switched */
body,.panel,.field,.btn,.tab,.pool,.pools,.gear,dialog.wallets,.row,.meter,.meter i,.ro,.net{
  transition:background-color .5s ease,border-color .5s ease,color .5s ease;
}