/* ============================================================
   OneAgent — Spacing & layout tokens
   8px base grid with 4px half-steps.
   ============================================================ */

:root {
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;

  /* Radii — soft but not pill-everything. Calm, modern. */
  --radius-xs:  4px;
  --radius-sm:  6px;
  --radius-md:  10px;   /* default control / card-inner */
  --radius-lg:  14px;   /* cards, panels */
  --radius-xl:  20px;   /* large surfaces, modals */
  --radius-2xl: 28px;
  --radius-full: 999px; /* pills, avatars */

  /* Container widths */
  --width-prose:  680px;   /* chat column */
  --width-content: 960px;
  --width-app:    1280px;

  /* Control sizing */
  --control-h-sm: 32px;
  --control-h-md: 40px;
  --control-h-lg: 48px;

  /* Z-index scale */
  --z-base:    1;     /* @kind other */
  --z-sticky:  100;   /* @kind other */
  --z-overlay: 800;   /* @kind other */
  --z-modal:   900;   /* @kind other */
  --z-toast:   1000;  /* @kind other */
}