/* OneHub — spacing, radii, elevation, motion, layout. 4px base. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;  /* card cluster gap */
  --space-5:20px;
  --space-6:24px;  /* heading → content */
  --space-8:32px;
  --space-10:40px; /* A4 page padding */
  --space-12:48px;
  --space-14:56px; /* section gap */
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;

  --radius-xs:4px;    /* inline pill, SOP thumbnail */
  --radius-sm:6px;    /* badge, stepper container */
  --radius-md:12px;   /* default — cards, buttons, inputs */
  --radius-lg:20px;   /* hero containers, modals, large blocks */
  --radius-xl:28px;
  --radius-full:9999px;

  --shadow-xs:0 1px 2px rgba(15,15,15,0.04);
  --shadow-sm:0 2px 8px rgba(15,15,15,0.06);
  --shadow-md:0 8px 24px rgba(6,33,115,0.08);
  --shadow-lg:0 24px 48px rgba(6,33,115,0.12);
  --shadow-night:0 18px 44px rgba(5,13,46,0.45); /* floating cards over KV night */
  --shadow-offset:-2px 2px 0 0 rgba(0,0,0,0.35);          /* signature hard-edge */
  --shadow-offset-soft:-2px 2px 0 0 rgba(6,33,115,0.15);

  --ease-standard:cubic-bezier(0.2,0.0,0.0,1.0); /* @kind other */
  --ease-out:cubic-bezier(0.0,0.0,0.2,1.0);      /* @kind other */
  --ease-in:cubic-bezier(0.4,0.0,1.0,1.0);       /* @kind other */
  --dur-fast:150ms; /* @kind other */
  --dur-med:240ms;  /* @kind other */
  --dur-slow:400ms; /* @kind other */

  --container-max:1200px;
  --container-narrow:960px;
  --container-reading:720px;
  --page-a4-w:595px;
  --page-a4-h:842px;
}