/* FaseZero · Spacing, radii, shadows, motion
   Generated from the FaseZero Brand Book. Do not hardcode hex in components; use these vars. */

:root {
  /* SPACING / RADII / SHADOWS / Z
     ======================================================================== */

  --space-0:  0px;
  --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;

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl:28px;
  --radius-pill: 999px;

  /* Shadows — soft, low-saturation. Use sparingly; cards prefer borders.    */
  --shadow-xs:  0 1px 2px rgba(40, 43, 42, 0.06);
  --shadow-sm:  0 2px 6px rgba(40, 43, 42, 0.08);
  --shadow-md:  0 8px 24px rgba(40, 43, 42, 0.10);
  --shadow-lg:  0 24px 60px rgba(40, 43, 42, 0.16);
  --shadow-glow: 0 0 0 1px var(--brand-500), 0 8px 32px rgba(0, 232, 138, 0.35);

  /* Motion */
  --ease-out:    cubic-bezier(0.2, 0.8, 0.2, 1);    /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}