/* ─────────────────────────────────────────────────────────────
   BotFlow — Spacing, radius & shadow tokens
   4px base grid. Soft, confident elevation (not heavy).
   ───────────────────────────────────────────────────────────── */
:root {
  /* Spacing — 4px grid */
  --space-0:  0;
  --space-1:  0.25rem;  /* 4  */
  --space-2:  0.5rem;   /* 8  */
  --space-3:  0.75rem;  /* 12 */
  --space-4:  1rem;     /* 16 */
  --space-5:  1.25rem;  /* 20 */
  --space-6:  1.5rem;   /* 24 */
  --space-8:  2rem;     /* 32 */
  --space-10: 2.5rem;   /* 40 */
  --space-12: 3rem;     /* 48 */
  --space-16: 4rem;     /* 64 */

  /* Radius */
  --radius-xs:  0.25rem;  /* 4  — chips, tiny */
  --radius-sm:  0.375rem; /* 6  — inputs, badges */
  --radius-md:  0.5rem;   /* 8  — buttons */
  --radius-lg:  0.75rem;  /* 12 — cards */
  --radius-xl:  1rem;     /* 16 — large cards, dialogs */
  --radius-2xl: 1.25rem;  /* 20 — feature panels */
  --radius-full: 9999px;

  /* Shadows — soft, green-neutral tinted, layered */
  --shadow-xs: 0 1px 2px 0 rgba(17, 23, 22, 0.05);
  --shadow-sm: 0 1px 2px 0 rgba(17, 23, 22, 0.06),
               0 1px 3px 0 rgba(17, 23, 22, 0.04);
  --shadow-md: 0 2px 4px -1px rgba(17, 23, 22, 0.06),
               0 4px 12px -2px rgba(17, 23, 22, 0.08);
  --shadow-lg: 0 8px 24px -6px rgba(17, 23, 22, 0.12),
               0 2px 6px -2px rgba(17, 23, 22, 0.06);
  --shadow-xl: 0 16px 40px -8px rgba(17, 23, 22, 0.16),
               0 4px 12px -4px rgba(17, 23, 22, 0.08);
  /* Brand glow for the floating assistant */
  --shadow-brand: 0 8px 24px -4px rgba(5, 150, 105, 0.40),
                  0 2px 6px -2px rgba(5, 150, 105, 0.30);

  /* Focus ring */
  --ring-width: 3px;
  --ring-color: rgba(5, 150, 105, 0.32);

  /* Layout */
  --container-max: 1200px;
  --header-h: 64px;
}