/* ═══════════════════════════════════════════════════════════════
   JARVIS — SPACING, RADIUS, SHADOW, MOTION TOKENS
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* Spacing scale */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  12px;
  --space-lg:  16px;
  --space-xl:  24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.3);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg:   0 8px 24px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 20px rgba(255, 128, 0, 0.15);

  /* Motion */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:   150ms; /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow:   500ms; /* @kind other */
}