/* EXV OS — spacing, radii, shadows, motion. The console is dense: gaps live in the 4–14px band,
   card padding ~13–16px. Radii: controls 6–8, cards 12–20, pills 999. Shadows are soft and warm
   (flat cards elevated by shadow, no heavy borders). Motion is a spring-forward selection pill +
   short eased fades — no bounce on content. */

:root{
  /* --- spacing scale --- */
  --sp-1:2px; --sp-2:4px; --sp-3:6px; --sp-4:8px; --sp-5:11px;
  --sp-6:14px; --sp-7:18px; --sp-8:24px; --sp-9:32px; --sp-10:44px;

  /* --- radii --- */
  --r-xs:5px;    /* chips, code */
  --r-sm:6px;    /* rows, small controls */
  --r-md:7px;    /* buttons, nav pills */
  --r-lg:8px;    /* wells, fields, menus */
  --r-xl:12px;   /* tiles */
  --r-2xl:14px;  /* cards */
  --r-3xl:20px;  /* hero cards, sheets */
  --r-pill:999px;

  /* --- elevation (warm, soft; keystone values — umber overrides via --card-shadow) --- */
  --shadow-sm:0 1px 3px rgba(25,30,35,.05);
  --shadow-md:0 1px 3px rgba(25,30,35,.05), 0 8px 22px rgba(25,30,35,.05);
  --shadow-lg:0 16px 40px rgba(25,30,35,.14);
  --shadow-pop:0 12px 30px rgba(0,0,0,.18);
  --shadow-toast:0 8px 24px rgba(0,0,0,.45);

  /* --- borders --- */
  --bw-hair:0.5px;   /* the console's signature hairline */
  --bw-1:1px;
  --bw-focus:1.5px;

  /* --- motion --- */
  --ease-out:cubic-bezier(0.32,0.72,0,1); /* @kind other */
  --dur-fast:0.14s; /* @kind other */
  --dur:0.18s; /* @kind other */
  --dur-slow:0.3s; /* @kind other */
  /* selection-pill spring (framer): stiffness 520, damping 42, mass 0.8 */
  --spring-sel:520,42,0.8; /* @kind other */

  /* --- layout metrics --- */
  --toolbar-h:46px; /* @kind other */
  --sidebar-w:168px; /* @kind other */
  --sidebar-w-mobile:232px; /* @kind other */
}