/* HOLO radius & elevation. Depth comes from contrast, position, opacity and
   line weight — almost never from a shadow. Corners stay close to square. */
:root{
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-xl:8px;
  --radius-full:999px; /* nodes and dots only, never buttons */

  --shadow-none:none;
  --shadow-sm:0 1px 1px rgba(20,20,19,0.03);
  --shadow-md:0 2px 6px rgba(20,20,19,0.05);
  --shadow-lg:0 10px 30px rgba(20,20,19,0.10);
  --shadow-focus:0 0 0 2px rgba(202,101,132,0.45);

  --border-width:1px;
  --line-hairline:1px;
  --line-signal:1.5px;
  --line-emphasis:2px;
}