/* Design primitives - do NOT hardcode in components; change tokens here */
:root {
  /* Font primitive - discovery layer or JS can update this at runtime */
  --dp-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;

  /* Spacing primitives (examples) */
  --dp-space-1: 4px;
  --dp-space-2: 8px;
  --dp-space-3: 12px;
  --dp-space-4: 16px;
  --dp-space-5: 20px;
  --dp-space-6: 24px;

  /* Radii */
  --dp-radius-sm: 4px;
  --dp-radius-md: 8px;
  --dp-radius-lg: 12px;

  /* Z-index base */
  --dp-z-base: 0;
  --dp-z-modal: 1050;
}