/* Spacing, radii, borders, elevation, motion.
   Not specified in the CI sheet — derived from its layout (flush colour blocks, generous centred whitespace,
   rounded logo terminals, rounded-square app icon). */
:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;

  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:20px;
  --radius-app-icon:22%;  /* app icon / favicon tile, measured from p.3 */
  --radius-pill:999px;

  --border-width:1px;
  --border-width-strong:2px;

  /* Flat brand — elevation only for floating layers */
  --shadow-none:none;
  --shadow-float:0 8px 24px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);
  --shadow-focus:0 0 0 2px var(--synrgy-off-white),0 0 0 4px var(--synrgy-dark);

  --ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --ease-in-out:cubic-bezier(.6,0,.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */

  --container-max:1200px;
  --control-h-sm:32px;
  --control-h-md:44px;
  --control-h-lg:56px;
}