/* ===================================================================
   SPACING, RADIUS, SHADOW, MOTION
   Fuse builds on Tailwind's default 0.25rem spacing step. Radii and the
   default Tailwind shadow scale are what cards, buttons and menus use.
   =================================================================== */
:root {
  /* Spacing (0.25rem step) */
  --fuse-space-1:  0.25rem;  /* 4px  */
  --fuse-space-2:  0.5rem;   /* 8px  */
  --fuse-space-3:  0.75rem;  /* 12px */
  --fuse-space-4:  1rem;     /* 16px */
  --fuse-space-5:  1.25rem;  /* 20px */
  --fuse-space-6:  1.5rem;   /* 24px — card padding */
  --fuse-space-8:  2rem;     /* 32px */
  --fuse-space-10: 2.5rem;   /* 40px */
  --fuse-space-12: 3rem;     /* 48px */
  --fuse-space-16: 4rem;     /* 64px */

  /* Radius */
  --fuse-radius-sm:   0.25rem;  /* 4px  */
  --fuse-radius:      0.5rem;   /* 8px  — buttons, inputs */
  --fuse-radius-lg:   0.75rem;  /* 12px */
  --fuse-radius-xl:   0.75rem;  /* 12px — project selector rounded-t-xl */
  --fuse-radius-2xl:  1rem;     /* 16px — cards */
  --fuse-radius-3xl:  1.5rem;   /* 24px */
  --fuse-radius-full: 9999px;   /* pills, avatars, badges */

  /* Shadow (Tailwind default scale) */
  --fuse-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --fuse-shadow:    0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --fuse-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --fuse-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --fuse-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* Motion — Fuse's drawer curve is the signature easing */
  --fuse-ease-drawer: cubic-bezier(0.25, 0.8, 0.25, 1); /* @kind other */
  --fuse-duration: 200ms; /* @kind other */
  --fuse-duration-slow: 400ms; /* @kind other */
}