/* xHuman — Spacing, radius, shadow, motion tokens */
:root {
  /* Spacing — base unit 8px */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-16: 128px;

  /* Radius */
  --radius-pill: 999px;
  --radius-card: 24px;
  --radius-card-sm: 20px;
  --radius-input: 12px;

  /* Shadow — barely-visible only, never heavy */
  --shadow-card: 0 1px 2px rgba(17,17,17,0.04);
  --shadow-glow-accent: 0 0 0 1px var(--color-accent), 0 0 24px var(--accent-glow);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-transition: 280ms; /* @kind other */
  --duration-countup: 900ms; /* @kind other */
}